Palette · 4 colors · Lc 8.1
True Warm Brown Dune palette
True Warm Brown Dune: a 4-color palette (Yellow, Warm, 4 Colors). HEX, RGB, HSL and OKLCH for #D6EEE9, #008576, #894A00, #081110, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D6EEE9
surface
#008576
accent
#894A00
text
#081110
Colors in True Warm Brown Dune: HEX, RGB, HSL & OKLCH
- #D6EEE9 color page →
bg
#D6EEE9
- RGB
- rgb(214 238 233)
- HSL
- hsl(167 41% 89%)
- OKLCH
- oklch(0.93 0.026 181.8)
WCAG contrast: on white 1.21:1 (Fail) · on black 17.26:1 (AAA)
- #008576 color page →
surface
#008576
- RGB
- rgb(0 133 118)
- HSL
- hsl(173 100% 26%)
- OKLCH
- oklch(0.553 0.1 181.3)
WCAG contrast: on white 4.54:1 (AA) · on black 4.61:1 (AA)
- #894A00 color page →
accent
#894A00
- RGB
- rgb(137 74 0)
- HSL
- hsl(32 100% 27%)
- OKLCH
- oklch(0.476 0.112 59.6)
WCAG contrast: on white 6.90:1 (AA) · on black 3.04:1 (Fail)
- #081110 color page →
text
#081110
- RGB
- rgb(8 17 16)
- HSL
- hsl(173 36% 5%)
- OKLCH
- oklch(0.168 0.014 187.3)
WCAG contrast: on white 19.12:1 (AAA) · on black 1.09:1 (Fail)
Export True Warm Brown Dune: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d6eee9;
--surface: #008576;
--accent: #894a00;
--text: #081110;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d6eee9;
--color-surface: #008576;
--color-accent: #894a00;
--color-text: #081110;
}JSON (DTCG tokens)
{
"true-warm-brown-dune-5li": {
"bg": {
"$type": "color",
"$value": "#d6eee9"
},
"surface": {
"$type": "color",
"$value": "#008576"
},
"accent": {
"$type": "color",
"$value": "#894a00"
},
"text": {
"$type": "color",
"$value": "#081110"
}
}
}About this palette
True Warm Brown Dune is a 4-color OKLCH-ready palette tagged yellow, warm, 4 colors. Hex values: #D6EEE9, #008576, #894A00, #081110. 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 True Warm Brown Dune by OKLab color distance.