Palette · 10 colors · Lc 9.4
Pure Poblano Dune palette
Pure Poblano Dune: a 10-color palette (Green, 10 Colors). HEX, RGB, HSL and OKLCH for #E3F1E1, #BAD8A7, #8AD28B, #5BB04E, #309F42, #007F17, #006018, #00471C, #002200, #01120A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 10 Colors
bg
#E3F1E1
surface
#BAD8A7
muted
#8AD28B
primary
#5BB04E
secondary
#309F42
accent
#007F17
highlight
#006018
border
#00471C
focus
#002200
text
#01120A
Colors in Pure Poblano Dune: HEX, RGB, HSL & OKLCH
- #E3F1E1 color page →
bg
#E3F1E1
- RGB
- rgb(227 241 225)
- HSL
- hsl(113 36% 91%)
- OKLCH
- oklch(0.943 0.026 141.8)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.93:1 (AAA)
- #BAD8A7 color page →
surface
#BAD8A7
- RGB
- rgb(186 216 167)
- HSL
- hsl(97 39% 75%)
- OKLCH
- oklch(0.848 0.074 133.5)
WCAG contrast: on white 1.55:1 (Fail) · on black 13.46:1 (AAA)
- #8AD28B color page →
muted
#8AD28B
- RGB
- rgb(138 210 139)
- HSL
- hsl(121 44% 68%)
- OKLCH
- oklch(0.798 0.122 144.6)
WCAG contrast: on white 1.79:1 (Fail) · on black 11.67:1 (AAA)
- #5BB04E color page →
primary
#5BB04E
- RGB
- rgb(91 176 78)
- HSL
- hsl(112 39% 50%)
- OKLCH
- oklch(0.681 0.158 141.1)
WCAG contrast: on white 2.70:1 (Fail) · on black 7.76:1 (AAA)
- #309F42 color page →
secondary
#309F42
- RGB
- rgb(48 159 66)
- HSL
- hsl(130 54% 41%)
- OKLCH
- oklch(0.62 0.165 145.9)
WCAG contrast: on white 3.40:1 (Fail) · on black 6.16:1 (AA)
- #007F17 color page →
accent
#007F17
- RGB
- rgb(0 127 23)
- HSL
- hsl(131 100% 25%)
- OKLCH
- oklch(0.518 0.168 144)
WCAG contrast: on white 5.18:1 (AA) · on black 4.04:1 (Fail)
- #006018 color page →
highlight
#006018
- RGB
- rgb(0 96 24)
- HSL
- hsl(135 100% 19%)
- OKLCH
- oklch(0.425 0.132 145.4)
WCAG contrast: on white 7.81:1 (AAA) · on black 2.68:1 (Fail)
- #00471C color page →
border
#00471C
- RGB
- rgb(0 71 28)
- HSL
- hsl(144 100% 14%)
- OKLCH
- oklch(0.348 0.096 149.8)
WCAG contrast: on white 10.94:1 (AAA) · on black 1.91:1 (Fail)
- #002200 color page →
focus
#002200
- RGB
- rgb(0 34 0)
- HSL
- hsl(120 100% 7%)
- OKLCH
- oklch(0.218 0.074 142.5)
WCAG contrast: on white 17.08:1 (AAA) · on black 1.22:1 (Fail)
- #01120A color page →
text
#01120A
- RGB
- rgb(1 18 10)
- HSL
- hsl(152 89% 4%)
- OKLCH
- oklch(0.163 0.032 164)
WCAG contrast: on white 19.22:1 (AAA) · on black 1.09:1 (Fail)
Export Pure Poblano Dune: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e3f1e1;
--surface: #bad8a7;
--muted: #8ad28b;
--primary: #5bb04e;
--secondary: #309f42;
--accent: #007f17;
--highlight: #006018;
--border: #00471c;
--focus: #002200;
--text: #01120a;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e3f1e1;
--color-surface: #bad8a7;
--color-muted: #8ad28b;
--color-primary: #5bb04e;
--color-secondary: #309f42;
--color-accent: #007f17;
--color-highlight: #006018;
--color-border: #00471c;
--color-focus: #002200;
--color-text: #01120a;
}JSON (DTCG tokens)
{
"pure-poblano-dune-6lu": {
"bg": {
"$type": "color",
"$value": "#e3f1e1"
},
"surface": {
"$type": "color",
"$value": "#bad8a7"
},
"muted": {
"$type": "color",
"$value": "#8ad28b"
},
"primary": {
"$type": "color",
"$value": "#5bb04e"
},
"secondary": {
"$type": "color",
"$value": "#309f42"
},
"accent": {
"$type": "color",
"$value": "#007f17"
},
"highlight": {
"$type": "color",
"$value": "#006018"
},
"border": {
"$type": "color",
"$value": "#00471c"
},
"focus": {
"$type": "color",
"$value": "#002200"
},
"text": {
"$type": "color",
"$value": "#01120a"
}
}
}About this palette
Pure Poblano Dune is a 10-color OKLCH-ready palette tagged green, 10 colors. Hex values: #E3F1E1, #BAD8A7, #8AD28B, #5BB04E, #309F42, #007F17, #006018, #00471C, #002200, #01120A. APCA contrast score Lc 9.4. 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 Poblano Dune by OKLab color distance.