Palette · 4 colors · Lc 9
Pure Verde Prism palette
Pure Verde Prism: a 4-color palette (Trending, Green, Nature, 4 Colors). HEX, RGB, HSL and OKLCH for #D9EBDF, #7FB182, #004735, #031009, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D9EBDF
surface
#7FB182
accent
#004735
text
#031009
Colors in Pure Verde Prism: HEX, RGB, HSL & OKLCH
- #D9EBDF color page →
bg
#D9EBDF
- RGB
- rgb(217 235 223)
- HSL
- hsl(140 31% 89%)
- OKLCH
- oklch(0.923 0.025 156.7)
WCAG contrast: on white 1.24:1 (Fail) · on black 16.89:1 (AAA)
- #7FB182 color page →
surface
#7FB182
- RGB
- rgb(127 177 130)
- HSL
- hsl(124 24% 60%)
- OKLCH
- oklch(0.712 0.086 146.1)
WCAG contrast: on white 2.46:1 (Fail) · on black 8.51:1 (AAA)
- #004735 color page →
accent
#004735
- RGB
- rgb(0 71 53)
- HSL
- hsl(165 100% 14%)
- OKLCH
- oklch(0.354 0.071 169)
WCAG contrast: on white 10.75:1 (AAA) · on black 1.95:1 (Fail)
- #031009 color page →
text
#031009
- RGB
- rgb(3 16 9)
- HSL
- hsl(148 68% 4%)
- OKLCH
- oklch(0.157 0.026 161.4)
WCAG contrast: on white 19.40:1 (AAA) · on black 1.08:1 (Fail)
Export Pure Verde Prism: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d9ebdf;
--surface: #7fb182;
--accent: #004735;
--text: #031009;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d9ebdf;
--color-surface: #7fb182;
--color-accent: #004735;
--color-text: #031009;
}JSON (DTCG tokens)
{
"pure-verde-prism-2qq": {
"bg": {
"$type": "color",
"$value": "#d9ebdf"
},
"surface": {
"$type": "color",
"$value": "#7fb182"
},
"accent": {
"$type": "color",
"$value": "#004735"
},
"text": {
"$type": "color",
"$value": "#031009"
}
}
}About this palette
Pure Verde Prism is a 4-color OKLCH-ready palette tagged trending, green, nature, 4 colors. Hex values: #D9EBDF, #7FB182, #004735, #031009. APCA contrast score Lc 9. 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 Verde Prism by OKLab color distance.