#F7F7EC
#D6E4B8
#A9C48A
#3F5233
#525F34Hunter Green
#869656Moss
#BECC85Celadon
#FCFBEFIvory
Celadon & Moss Haze is a monochromatic color palette tagged nature, muted, green. All four colors sit within 6° of hue, so the scheme reads as one color explored across light and dark. Neither washed out nor loud, it adapts to most contexts.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Hunter Green | #525F34 | rgb(82, 95, 52) | hsl(78, 29%, 29%) | oklch(46.3% 0.066 123) | |
| Moss | #869656 | rgb(134, 150, 86) | hsl(75, 27%, 46%) | oklch(64.5% 0.090 120) | |
| Celadon | #BECC85 | rgb(190, 204, 133) | hsl(72, 41%, 66%) | oklch(81.8% 0.094 118) | |
| Ivory | #FCFBEF | rgb(252, 251, 239) | hsl(55, 68%, 96%) | oklch(98.6% 0.016 103) |
Why it works and how to use it
The palette holds together thanks to its monochromatic hue relationship and a strong light-to-dark ladder (96% down to 29% lightness). A natural fit for wellness, organic and outdoor brands.
- Background: Ivory (#FCFBEF) is the lightest color, so it belongs on large surfaces.
- Text: Hunter Green (#525F34) on #FCFBEF gives 6.63:1, passing WCAG AA.
- Primary: Celadon (#BECC85) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Moss (#869656) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Hunter Green on Ivory at 6.63:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Celadon & Moss Haze
A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.
Primary action SecondaryCard title
Card title
Card title
Roles are assigned by lightness.
Color blindness simulation
#525F34
#869656
#BECC85
#FCFBEF
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#525F34 on #FCFBEF | Aa | 6.63:1 | AA |
#525F34 on #BECC85 | Aa | 3.99:1 | AA large only |
#869656 on #FCFBEF | Aa | 3.1:1 | AA large only |
#525F34 on #869656 | Aa | 2.14:1 | Fail |
#869656 on #BECC85 | Aa | 1.87:1 | Fail |
#BECC85 on #FCFBEF | Aa | 1.66:1 | Fail |
Similar palettes 24 more in this mood
#2F5D3A
#5E8F5E
#A9C99A
#EEF4E8
#AECC9F
#E2F9B8
#F4EEDF
#DE9390
#2D6A4F
#40916C
#B7E4C7
#FFFDF7
#3F5A36
#7A9B5C
#C9D8A8
#F9F8F1
#56724D
#96B878
#E4F3C2
#FBFAF3
#506B57
#7AAA84
#B9F1BC
#E3F4E6
#467450
#79AB79
#C7E8B8
#F7FDF1
#3E4A1F
#6B7A3A
#A3B06A
#F3F2E6
#40513B
#609966
#9DC08B
#EDF1D6
#213C04
#356344
#1C8888
#6F9C8F
#647B40
#2D6A65
#025934
#3E3300
#82AC82
#6F7A56
#006D51
#003F3C
#667A56
#A2B389
#DAC799
#9D697A
#FFBB81
#FFFBE4
#A4CC81
#77AB99
#414832
#6E7756
#A5AD88
#F2F2EB
#3B2E23
#6B5A3E
#8FA26B
#EEF0E4
#4F4236
#827053
#A4B77F
#FAFCEF
#225133
#368D51
#74D47E
#F0FFF2
#F4A259
#F4E285
#8CB369
#5B8E7D
#554910
#A76704
#A5BC85
#FFC5B2
#6A994E
#A7C957
#F2E8CF
#BC4749
#005313
#186F08
#4F8F45
#8FCD85
#8AA944
#00967D
#007D82
#285A34