Palette · 8 colors · Lc 7.9
Steady Poblano Drift palette
Steady Poblano Drift: a 8-color palette (Green, 8 Colors). HEX, RGB, HSL and OKLCH for #DDECD8, #BBCDA5, #9EB96F, #749A3A, #2B791F, #006330, #003912, #071F06, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 8 Colors
bg
#DDECD8
surface
#BBCDA5
muted
#9EB96F
primary
#749A3A
secondary
#2B791F
accent
#006330
highlight
#003912
text
#071F06
Colors in Steady Poblano Drift: HEX, RGB, HSL & OKLCH
- #DDECD8 color page →
bg
#DDECD8
- RGB
- rgb(221 236 216)
- HSL
- hsl(105 34% 89%)
- OKLCH
- oklch(0.926 0.031 137.8)
WCAG contrast: on white 1.23:1 (Fail) · on black 17.06:1 (AAA)
- #BBCDA5 color page →
surface
#BBCDA5
- RGB
- rgb(187 205 165)
- HSL
- hsl(87 29% 73%)
- OKLCH
- oklch(0.824 0.058 127.4)
WCAG contrast: on white 1.69:1 (Fail) · on black 12.38:1 (AAA)
- #9EB96F color page →
muted
#9EB96F
- RGB
- rgb(158 185 111)
- HSL
- hsl(82 35% 58%)
- OKLCH
- oklch(0.748 0.103 125.2)
WCAG contrast: on white 2.18:1 (Fail) · on black 9.62:1 (AAA)
- #749A3A color page →
primary
#749A3A
- RGB
- rgb(116 154 58)
- HSL
- hsl(84 45% 42%)
- OKLCH
- oklch(0.638 0.132 128)
WCAG contrast: on white 3.26:1 (Fail) · on black 6.42:1 (AA)
- #2B791F color page →
secondary
#2B791F
- RGB
- rgb(43 121 31)
- HSL
- hsl(112 59% 30%)
- OKLCH
- oklch(0.509 0.146 141.2)
WCAG contrast: on white 5.44:1 (AA) · on black 3.85:1 (Fail)
- #006330 color page →
accent
#006330
- RGB
- rgb(0 99 48)
- HSL
- hsl(149 100% 19%)
- OKLCH
- oklch(0.438 0.115 152.1)
WCAG contrast: on white 7.42:1 (AAA) · on black 2.82:1 (Fail)
- #003912 color page →
highlight
#003912
- RGB
- rgb(0 57 18)
- HSL
- hsl(139 100% 11%)
- OKLCH
- oklch(0.301 0.086 148.3)
WCAG contrast: on white 13.17:1 (AAA) · on black 1.59:1 (Fail)
- #071F06 color page →
text
#071F06
- RGB
- rgb(7 31 6)
- HSL
- hsl(118 68% 7%)
- OKLCH
- oklch(0.213 0.055 142.5)
WCAG contrast: on white 17.38:1 (AAA) · on black 1.20:1 (Fail)
Export Steady Poblano Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ddecd8;
--surface: #bbcda5;
--muted: #9eb96f;
--primary: #749a3a;
--secondary: #2b791f;
--accent: #006330;
--highlight: #003912;
--text: #071f06;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ddecd8;
--color-surface: #bbcda5;
--color-muted: #9eb96f;
--color-primary: #749a3a;
--color-secondary: #2b791f;
--color-accent: #006330;
--color-highlight: #003912;
--color-text: #071f06;
}JSON (DTCG tokens)
{
"steady-poblano-drift-lk": {
"bg": {
"$type": "color",
"$value": "#ddecd8"
},
"surface": {
"$type": "color",
"$value": "#bbcda5"
},
"muted": {
"$type": "color",
"$value": "#9eb96f"
},
"primary": {
"$type": "color",
"$value": "#749a3a"
},
"secondary": {
"$type": "color",
"$value": "#2b791f"
},
"accent": {
"$type": "color",
"$value": "#006330"
},
"highlight": {
"$type": "color",
"$value": "#003912"
},
"text": {
"$type": "color",
"$value": "#071f06"
}
}
}About this palette
Steady Poblano Drift is a 8-color OKLCH-ready palette tagged green, 8 colors. Hex values: #DDECD8, #BBCDA5, #9EB96F, #749A3A, #2B791F, #006330, #003912, #071F06. APCA contrast score Lc 7.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 Steady Poblano Drift by OKLab color distance.