#1E3033
#456578
#98BD9B
#F4FFE6
#E3FCF0Smoke
#B8DBB4Celadon
#89967BStone
#4D4C46Graphite
Simple Celadon & Stone is a analogous color palette tagged muted, minimal, white. Analogous neighbors on the wheel (Smoke, Celadon) give it a natural, low-tension flow. Saturation is moderate, which keeps it flexible for both interfaces and print.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Smoke | #E3FCF0 | rgb(227, 252, 240) | hsl(151, 81%, 94%) | oklch(97.0% 0.031 165) | |
| Celadon | #B8DBB4 | rgb(184, 219, 180) | hsl(114, 35%, 78%) | oklch(85.6% 0.065 142) | |
| Stone | #89967B | rgb(137, 150, 123) | hsl(89, 11%, 54%) | oklch(65.5% 0.042 128) | |
| Graphite | #4D4C46 | rgb(77, 76, 70) | hsl(51, 5%, 29%) | oklch(41.6% 0.010 99) |
Why it works and how to use it
Two of the four colors are near-neutral, which leaves room for Celadon to lead. Lightness runs from 29% to 94%. Well suited to websites, presentations and branding.
- Background: Smoke (#E3FCF0) is the lightest color, so it belongs on large surfaces.
- Text: Graphite (#4D4C46) on #E3FCF0 gives 7.98:1, passing WCAG AAA.
- Primary: Celadon (#B8DBB4) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Stone (#89967B) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Smoke on Graphite at 7.98:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Simple Celadon & Stone
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
#E3FCF0
#B8DBB4
#89967B
#4D4C46
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#E3FCF0 on #4D4C46 | Aa | 7.98:1 | AAA |
#B8DBB4 on #4D4C46 | Aa | 5.67:1 | AA |
#E3FCF0 on #89967B | Aa | 2.9:1 | Fail |
#89967B on #4D4C46 | Aa | 2.75:1 | Fail |
#B8DBB4 on #89967B | Aa | 2.06:1 | Fail |
#E3FCF0 on #B8DBB4 | Aa | 1.41:1 | Fail |
Similar palettes 24 more in this mood
#F5FBF9
#D4E3DE
#374B00
#0A1100
#3C5148
#7A9B76
#C8D5B9
#F6F5EE
#3E2723
#6D4C41
#A1887F
#EFEBE9
#5D4037
#8D6E63
#BCAAA4
#EFEBE9
#F7FBFF
#D5E2ED
#ADCAE3
#2C4A66
#5B4B5E
#8A7A8C
#C9BEC6
#F2EEF0
#2C3A2F
#5B7553
#B7C4A8
#F3F1EA
#FBF7EF
#EAD9B8
#C9A961
#3A3226
#142532
#528494
#DE9D89
#FAF4E9
#F9EDEA
#E8C4B8
#B76E79
#4A3F3C
#1D1900
#B0BEB3
#D5EBBA
#FFF2E0
#0F3D3E
#1E6F6F
#C8B89A
#F3EFE7
#3E4551
#677287
#EDF3FE
#FFE2A8
#9E9B8A
#C39F63
#ADE0C7
#FFEBE6
#3B4A3E
#728C69
#D3E0C3
#FCFAF3
#624E4E
#9A7977
#E8BFBA
#FFF8F7
#524037
#8E6C5A
#ADF2DF
#FDF9F4
#393A55
#6C708D
#B9ABB7
#FFF9F5
#433D37
#AE9E8D
#FFD0C3
#FFEEE7
#F8FFFB
#9BECC3
#608A70
#5E5C57
#EDEFFF
#ADE0C7
#C39F63
#464334
#4E5856
#9FC9C2
#A3EDE3
#DBFFFA
#F0F6FF
#A7C9FA
#6C5A3F
#262320