#FAFAFA
#E5E7EB
#10B981
#111827
#E9FBF3Smoke
#BCEDBCCeladon
#75C665Emerald
#274B2BEvergreen
Lush Emerald & Celadon is a monochromatic color palette tagged modern, white, green. All four colors sit within 17° 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 |
|---|---|---|---|---|---|
| Smoke | #E9FBF3 | rgb(233, 251, 243) | hsl(153, 69%, 95%) | oklch(97.3% 0.022 167) | |
| Celadon | #BCEDBC | rgb(188, 237, 188) | hsl(120, 58%, 83%) | oklch(89.9% 0.083 145) | |
| Emerald | #75C665 | rgb(117, 198, 101) | hsl(110, 46%, 59%) | oklch(75.2% 0.154 140) | |
| Evergreen | #274B2B | rgb(39, 75, 43) | hsl(127, 32%, 22%) | oklch(37.6% 0.068 147) |
Why it works and how to use it
With 3 chromatic colors, Celadon takes the lead while the rest support. Lightness runs from 22% to 95%. Well suited to websites, presentations and branding.
- Background: Smoke (#E9FBF3) is the lightest color, so it belongs on large surfaces.
- Text: Evergreen (#274B2B) on #E9FBF3 gives 9.19:1, passing WCAG AAA.
- Primary: Celadon (#BCEDBC) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Emerald (#75C665) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Smoke on Evergreen at 9.19:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Lush Emerald & Celadon
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
#E9FBF3
#BCEDBC
#75C665
#274B2B
Color-blind check: under tritanopia, Smoke and Celadon become hard to tell apart, so do not rely on that pair alone to carry meaning.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#E9FBF3 on #274B2B | Aa | 9.19:1 | AAA |
#BCEDBC on #274B2B | Aa | 7.51:1 | AAA |
#75C665 on #274B2B | Aa | 4.71:1 | AA |
#E9FBF3 on #75C665 | Aa | 1.95:1 | Fail |
#BCEDBC on #75C665 | Aa | 1.59:1 | Fail |
#E9FBF3 on #BCEDBC | Aa | 1.22:1 | Fail |
Similar palettes 24 more in this mood
#D7263D
#FFFFFF
#F9C5D1
#2E7D5B
#1B4332
#52B788
#E9F5F0
#C9184A
#1B6F73
#47B377
#F2CC8F
#F4F1DE
#FFFFFF
#E2E6E3
#059669
#111827
#1B4332
#52B788
#E9F5F0
#007F7E
#7A1C2E
#51851E
#E8D5B8
#F6EFE3
#6E5700
#7EC26E
#CCFFE7
#FDFDFD
#F6FBEF
#A8CC7C
#6DB648
#336232
#F5FFF1
#BDFFB9
#24D667
#103016
#272B17
#A3C167
#C8FF93
#F6FFEE
#007728
#5B6236
#D9D2B0
#F6F3E9
#FDFDFD
#E2E6E3
#009669
#49556F
#2B2B2B
#4A4A4A
#A6E22E
#F5F5F5
#121826
#00833F
#01FFC6
#F0F0FF
#855C00
#93E088
#688CC6
#F4EBD9
#91B869
#B3CD99
#73917B
#F2EEDF
#F5F5F5
#CBCBCB
#3A5400
#2B2B2B
#3F3E57
#4F90C2
#E9F5F2
#92DE9E
#FDFDFD
#E4E4E3
#84CA57
#1C1917
#6EB76A
#9DDDA4
#517164
#F7F3EA
#F9FFFC
#34FF8D
#5EEDFD
#343434
#00A6A6
#7DD8D8
#00C57C
#FDFDFD
#0083AF
#FDFDFD
#F9C5D1
#2E7D5B