Palette · 10 colors · Lc 8.8
Leafy Signal palette
Leafy Signal: a 10-color palette (Green, 10 Colors). HEX, RGB, HSL and OKLCH for #DEE4DE, #CBDCC0, #AABB93, #92A076, #6A9867, #4E8362, #1F5F4B, #174C40, #10311D, #0D140D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 10 Colors
bg
#DEE4DE
surface
#CBDCC0
muted
#AABB93
primary
#92A076
secondary
#6A9867
accent
#4E8362
highlight
#1F5F4B
border
#174C40
focus
#10311D
text
#0D140D
Colors in Leafy Signal: HEX, RGB, HSL & OKLCH
- #DEE4DE color page →
bg
#DEE4DE
- RGB
- rgb(222 228 222)
- HSL
- hsl(120 10% 88%)
- OKLCH
- oklch(0.913 0.01 145.5)
WCAG contrast: on white 1.29:1 (Fail) · on black 16.25:1 (AAA)
- #CBDCC0 color page →
surface
#CBDCC0
- RGB
- rgb(203 220 192)
- HSL
- hsl(96 29% 81%)
- OKLCH
- oklch(0.874 0.042 133)
WCAG contrast: on white 1.44:1 (Fail) · on black 14.53:1 (AAA)
- #AABB93 color page →
muted
#AABB93
- RGB
- rgb(170 187 147)
- HSL
- hsl(85 23% 65%)
- OKLCH
- oklch(0.768 0.058 126.5)
WCAG contrast: on white 2.05:1 (Fail) · on black 10.23:1 (AAA)
- #92A076 color page →
primary
#92A076
- RGB
- rgb(146 160 118)
- HSL
- hsl(80 18% 55%)
- OKLCH
- oklch(0.684 0.061 123)
WCAG contrast: on white 2.79:1 (Fail) · on black 7.51:1 (AAA)
- #6A9867 color page →
secondary
#6A9867
- RGB
- rgb(106 152 103)
- HSL
- hsl(116 19% 50%)
- OKLCH
- oklch(0.633 0.088 143)
WCAG contrast: on white 3.33:1 (Fail) · on black 6.29:1 (AA)
- #4E8362 color page →
accent
#4E8362
- RGB
- rgb(78 131 98)
- HSL
- hsl(143 25% 41%)
- OKLCH
- oklch(0.563 0.077 155.7)
WCAG contrast: on white 4.42:1 (Fail) · on black 4.74:1 (AA)
- #1F5F4B color page →
highlight
#1F5F4B
- RGB
- rgb(31 95 75)
- HSL
- hsl(161 51% 25%)
- OKLCH
- oklch(0.439 0.073 168.8)
WCAG contrast: on white 7.50:1 (AAA) · on black 2.79:1 (Fail)
- #174C40 color page →
border
#174C40
- RGB
- rgb(23 76 64)
- HSL
- hsl(166 54% 19%)
- OKLCH
- oklch(0.378 0.059 175.1)
WCAG contrast: on white 9.79:1 (AAA) · on black 2.14:1 (Fail)
- #10311D color page →
focus
#10311D
- RGB
- rgb(16 49 29)
- HSL
- hsl(144 51% 13%)
- OKLCH
- oklch(0.282 0.054 154.3)
WCAG contrast: on white 14.19:1 (AAA) · on black 1.47:1 (Fail)
- #0D140D color page →
text
#0D140D
- RGB
- rgb(13 20 13)
- HSL
- hsl(120 21% 6%)
- OKLCH
- oklch(0.181 0.018 144.8)
WCAG contrast: on white 18.70:1 (AAA) · on black 1.12:1 (Fail)
Export Leafy Signal: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dee4de;
--surface: #cbdcc0;
--muted: #aabb93;
--primary: #92a076;
--secondary: #6a9867;
--accent: #4e8362;
--highlight: #1f5f4b;
--border: #174c40;
--focus: #10311d;
--text: #0d140d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dee4de;
--color-surface: #cbdcc0;
--color-muted: #aabb93;
--color-primary: #92a076;
--color-secondary: #6a9867;
--color-accent: #4e8362;
--color-highlight: #1f5f4b;
--color-border: #174c40;
--color-focus: #10311d;
--color-text: #0d140d;
}JSON (DTCG tokens)
{
"leafy-signal-5rb": {
"bg": {
"$type": "color",
"$value": "#dee4de"
},
"surface": {
"$type": "color",
"$value": "#cbdcc0"
},
"muted": {
"$type": "color",
"$value": "#aabb93"
},
"primary": {
"$type": "color",
"$value": "#92a076"
},
"secondary": {
"$type": "color",
"$value": "#6a9867"
},
"accent": {
"$type": "color",
"$value": "#4e8362"
},
"highlight": {
"$type": "color",
"$value": "#1f5f4b"
},
"border": {
"$type": "color",
"$value": "#174c40"
},
"focus": {
"$type": "color",
"$value": "#10311d"
},
"text": {
"$type": "color",
"$value": "#0d140d"
}
}
}About this palette
Leafy Signal is a 10-color OKLCH-ready palette tagged green, 10 colors. Hex values: #DEE4DE, #CBDCC0, #AABB93, #92A076, #6A9867, #4E8362, #1F5F4B, #174C40, #10311D, #0D140D. APCA contrast score Lc 8.8. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.
Related palettes
Shared tags, similar size and contrast.
Palettes with similar colors
Closest to Leafy Signal by OKLab color distance.