Palette · 4 colors · Lc 8.1
Pure Gum Leaf Bloom palette
Pure Gum Leaf Bloom: a 4-color palette (Green, Gray, 4 Colors). HEX, RGB, HSL and OKLCH for #D5E5DF, #9DC0A3, #204F4B, #00170F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D5E5DF
surface
#9DC0A3
accent
#204F4B
text
#00170F
Colors in Pure Gum Leaf Bloom: HEX, RGB, HSL & OKLCH
- #D5E5DF color page →
bg
#D5E5DF
- RGB
- rgb(213 229 223)
- HSL
- hsl(157 24% 87%)
- OKLCH
- oklch(0.908 0.019 171.5)
WCAG contrast: on white 1.30:1 (Fail) · on black 16.10:1 (AAA)
- #9DC0A3 color page →
surface
#9DC0A3
- RGB
- rgb(157 192 163)
- HSL
- hsl(130 22% 68%)
- OKLCH
- oklch(0.774 0.056 149.9)
WCAG contrast: on white 1.99:1 (Fail) · on black 10.50:1 (AAA)
- #204F4B color page →
accent
#204F4B
- RGB
- rgb(32 79 75)
- HSL
- hsl(175 42% 22%)
- OKLCH
- oklch(0.394 0.052 187.8)
WCAG contrast: on white 9.20:1 (AAA) · on black 2.28:1 (Fail)
- #00170F color page →
text
#00170F
- RGB
- rgb(0 23 15)
- HSL
- hsl(159 100% 5%)
- OKLCH
- oklch(0.182 0.037 168.6)
WCAG contrast: on white 18.59:1 (AAA) · on black 1.12:1 (Fail)
Export Pure Gum Leaf Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d5e5df;
--surface: #9dc0a3;
--accent: #204f4b;
--text: #00170f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d5e5df;
--color-surface: #9dc0a3;
--color-accent: #204f4b;
--color-text: #00170f;
}JSON (DTCG tokens)
{
"pure-gum-leaf-bloom-5ky": {
"bg": {
"$type": "color",
"$value": "#d5e5df"
},
"surface": {
"$type": "color",
"$value": "#9dc0a3"
},
"accent": {
"$type": "color",
"$value": "#204f4b"
},
"text": {
"$type": "color",
"$value": "#00170f"
}
}
}About this palette
Pure Gum Leaf Bloom is a 4-color OKLCH-ready palette tagged green, gray, 4 colors. Hex values: #D5E5DF, #9DC0A3, #204F4B, #00170F. APCA contrast score Lc 8.1. 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 Pure Gum Leaf Bloom by OKLab color distance.