#00818A
#009D8C
#31CA88
#ACE496
#BFD278Celadon
#7FBE73Pistachio
#3CA287Cadet
#007595Cerulean
Lush Pistachio & Celadon is a split color palette tagged gradient, cold, green. The hues span about 120°, enough contrast to create a focal point without the harshness of true complements. Neither washed out nor loud, it adapts to most contexts. The overall temperature is cool.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Celadon | #BFD278 | rgb(191, 210, 120) | hsl(73, 50%, 65%) | oklch(82.9% 0.117 119) | |
| Pistachio | #7FBE73 | rgb(127, 190, 115) | hsl(110, 37%, 60%) | oklch(74.0% 0.123 141) | |
| Cadet | #3CA287 | rgb(60, 162, 135) | hsl(164, 46%, 44%) | oklch(64.6% 0.103 172) | |
| Cerulean | #007595 | rgb(0, 117, 149) | hsl(193, 100%, 29%) | oklch(52.3% 0.099 225) |
Why it works and how to use it
It works because the lightness steps are gentle (29% to 65%), which keeps the mood consistent from edge to edge. Try it for websites, presentations and branding.
- Background: Celadon (#BFD278) is the lightest color, so it belongs on large surfaces.
- Text: Cerulean (#007595) on #BFD278 gives 3.19:1, enough for large headings only.
- Primary: Cadet (#3CA287) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Pistachio (#7FBE73) for highlights, badges and hover states.
No pair inside the palette reaches 4.5:1, so add black or white for body text.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Lush Pistachio & 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
#BFD278
#7FBE73
#3CA287
#007595
Color-blind check: under protanopia, Celadon and Pistachio 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 |
|---|---|---|---|
#BFD278 on #007595 | Aa | 3.19:1 | AA large only |
#7FBE73 on #007595 | Aa | 2.39:1 | Fail |
#BFD278 on #3CA287 | Aa | 1.89:1 | Fail |
#3CA287 on #007595 | Aa | 1.69:1 | Fail |
#7FBE73 on #3CA287 | Aa | 1.42:1 | Fail |
#BFD278 on #7FBE73 | Aa | 1.34:1 | Fail |
Similar palettes 24 more in this mood
#D9ED92
#99D98C
#52B69A
#168AAD
#498711
#00AA6D
#00C0AE
#00DDF3
#004D4F
#008276
#4BBA86
#AAE1B7
#76872B
#76B469
#78DBBE
#B9EBFF
#2D6A4F
#52B788
#95D5B2
#D8F3DC
#A630C1
#755EF5
#7ABCFF
#80E6FF
#023E8A
#0077B6
#00B4D8
#90E0EF
#00736B
#20A8BE
#66B6E9
#ABC7FF
#E2D900
#6EB659
#00A381
#006C74
#00705F
#9FB100
#4CE26B
#FBCF64
#B6CCFF
#62B0FF
#00A0DD
#00657B
#00486A
#007D9C
#00B8BF
#90E3DE
#EFFFBE
#B4F5A7
#6ED1B4
#38A1C4
#003D3F
#00757A
#25B5BB
#C6F0F1
#FFDBAE
#DFC460
#91AD64
#05927F
#003C32
#007962
#00C397
#CFF4E8
#2D6A4F
#65A5E7
#95D5B2
#D8F3DC
#184E50
#2F8F94
#43C9CF
#EBFFFF
#266759
#36A596
#67CEC3
#CAF8F3
#BCF3F4
#55B1B5
#007579
#153B3D
#005479
#0081AB
#38BEE5
#E3F2FD
#004B4D
#008690
#4AB3C2
#B2DDE6
#186B60
#2BB8A4
#87D6C6
#D0F4E6