Palette · 4 colors · Lc 8.1
Pure Olive Dune palette
Pure Olive Dune: a 4-color palette (Green, 4 Colors). HEX, RGB, HSL and OKLCH for #F3E1E0, #766F00, #00819A, #170909, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- 4 Colors
bg
#F3E1E0
surface
#766F00
accent
#00819A
text
#170909
Colors in Pure Olive Dune: HEX, RGB, HSL & OKLCH
- #F3E1E0 color page →
bg
#F3E1E0
- RGB
- rgb(243 225 224)
- HSL
- hsl(3 44% 92%)
- OKLCH
- oklch(0.924 0.02 21.4)
WCAG contrast: on white 1.26:1 (Fail) · on black 16.65:1 (AAA)
- #766F00 color page →
surface
#766F00
- RGB
- rgb(118 111 0)
- HSL
- hsl(56 100% 23%)
- OKLCH
- oklch(0.531 0.113 105.3)
WCAG contrast: on white 5.19:1 (AA) · on black 4.04:1 (Fail)
- #00819A color page →
accent
#00819A
- RGB
- rgb(0 129 154)
- HSL
- hsl(190 100% 30%)
- OKLCH
- oklch(0.557 0.1 217.7)
WCAG contrast: on white 4.55:1 (AA) · on black 4.60:1 (AA)
- #170909 color page →
text
#170909
- RGB
- rgb(23 9 9)
- HSL
- hsl(0 44% 6%)
- OKLCH
- oklch(0.161 0.025 20.2)
WCAG contrast: on white 19.45:1 (AAA) · on black 1.07:1 (Fail)
Export Pure Olive Dune: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f3e1e0;
--surface: #766f00;
--accent: #00819a;
--text: #170909;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f3e1e0;
--color-surface: #766f00;
--color-accent: #00819a;
--color-text: #170909;
}JSON (DTCG tokens)
{
"pure-olive-dune-4dk": {
"bg": {
"$type": "color",
"$value": "#f3e1e0"
},
"surface": {
"$type": "color",
"$value": "#766f00"
},
"accent": {
"$type": "color",
"$value": "#00819a"
},
"text": {
"$type": "color",
"$value": "#170909"
}
}
}About this palette
Pure Olive Dune is a 4-color OKLCH-ready palette tagged green, 4 colors. Hex values: #F3E1E0, #766F00, #00819A, #170909. 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 Olive Dune by OKLab color distance.