Palette · 8 colors · Lc 8.1
Pure Emerald Drift palette
Pure Emerald Drift: a 8-color palette (Green, Rainbow, 8 Colors). HEX, RGB, HSL and OKLCH for #DDE3D3, #8CB768, #009130, #0086B0, #655ABE, #9E386B, #5F2C00, #080D04, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DDE3D3
surface
#8CB768
muted
#009130
primary
#0086B0
secondary
#655ABE
accent
#9E386B
highlight
#5F2C00
text
#080D04
Colors in Pure Emerald Drift: HEX, RGB, HSL & OKLCH
- #DDE3D3 color page →
bg
#DDE3D3
- RGB
- rgb(221 227 211)
- HSL
- hsl(82 22% 86%)
- OKLCH
- oklch(0.907 0.022 123.7)
WCAG contrast: on white 1.31:1 (Fail) · on black 16.00:1 (AAA)
- #8CB768 color page →
surface
#8CB768
- RGB
- rgb(140 183 104)
- HSL
- hsl(93 35% 56%)
- OKLCH
- oklch(0.73 0.117 132)
WCAG contrast: on white 2.31:1 (Fail) · on black 9.08:1 (AAA)
- #009130 color page →
muted
#009130
- RGB
- rgb(0 145 48)
- HSL
- hsl(140 100% 28%)
- OKLCH
- oklch(0.572 0.172 146.5)
WCAG contrast: on white 4.12:1 (Fail) · on black 5.09:1 (AA)
- #0086B0 color page →
primary
#0086B0
- RGB
- rgb(0 134 176)
- HSL
- hsl(194 100% 35%)
- OKLCH
- oklch(0.58 0.114 229.1)
WCAG contrast: on white 4.16:1 (Fail) · on black 5.03:1 (AA)
- #655ABE color page →
secondary
#655ABE
- RGB
- rgb(101 90 190)
- HSL
- hsl(247 43% 55%)
- OKLCH
- oklch(0.529 0.151 285)
WCAG contrast: on white 5.58:1 (AA) · on black 3.75:1 (Fail)
- #9E386B color page →
accent
#9E386B
- RGB
- rgb(158 56 107)
- HSL
- hsl(330 48% 42%)
- OKLCH
- oklch(0.501 0.145 352.6)
WCAG contrast: on white 6.49:1 (AA) · on black 3.23:1 (Fail)
- #5F2C00 color page →
highlight
#5F2C00
- RGB
- rgb(95 44 0)
- HSL
- hsl(28 100% 19%)
- OKLCH
- oklch(0.356 0.09 53.5)
WCAG contrast: on white 11.37:1 (AAA) · on black 1.84:1 (Fail)
- #080D04 color page →
text
#080D04
- RGB
- rgb(8 13 4)
- HSL
- hsl(93 53% 3%)
- OKLCH
- oklch(0.15 0.023 129.8)
WCAG contrast: on white 19.63:1 (AAA) · on black 1.06:1 (Fail)
Export Pure Emerald Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dde3d3;
--surface: #8cb768;
--muted: #009130;
--primary: #0086b0;
--secondary: #655abe;
--accent: #9e386b;
--highlight: #5f2c00;
--text: #080d04;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dde3d3;
--color-surface: #8cb768;
--color-muted: #009130;
--color-primary: #0086b0;
--color-secondary: #655abe;
--color-accent: #9e386b;
--color-highlight: #5f2c00;
--color-text: #080d04;
}JSON (DTCG tokens)
{
"pure-emerald-drift-36c": {
"bg": {
"$type": "color",
"$value": "#dde3d3"
},
"surface": {
"$type": "color",
"$value": "#8cb768"
},
"muted": {
"$type": "color",
"$value": "#009130"
},
"primary": {
"$type": "color",
"$value": "#0086b0"
},
"secondary": {
"$type": "color",
"$value": "#655abe"
},
"accent": {
"$type": "color",
"$value": "#9e386b"
},
"highlight": {
"$type": "color",
"$value": "#5f2c00"
},
"text": {
"$type": "color",
"$value": "#080d04"
}
}
}About this palette
Pure Emerald Drift is a 8-color OKLCH-ready palette tagged green, rainbow, 8 colors. Hex values: #DDE3D3, #8CB768, #009130, #0086B0, #655ABE, #9E386B, #5F2C00, #080D04. 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 Emerald Drift by OKLab color distance.