Palette · 8 colors · Lc 9.6
Green Tea Dune palette
Green Tea Dune: a 8-color palette (Trending, Green, Gray, 8 Colors). HEX, RGB, HSL and OKLCH for #EFEEEA, #D6D4C0, #B1B285, #888E6A, #646A4A, #404321, #282A13, #080A05, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EFEEEA
surface
#D6D4C0
muted
#B1B285
primary
#888E6A
secondary
#646A4A
accent
#404321
highlight
#282A13
text
#080A05
Colors in Green Tea Dune: HEX, RGB, HSL & OKLCH
- #EFEEEA color page →
bg
#EFEEEA
- RGB
- rgb(239 238 234)
- HSL
- hsl(48 14% 93%)
- OKLCH
- oklch(0.949 0.005 95.1)
WCAG contrast: on white 1.16:1 (Fail) · on black 18.08:1 (AAA)
- #D6D4C0 color page →
surface
#D6D4C0
- RGB
- rgb(214 212 192)
- HSL
- hsl(55 21% 80%)
- OKLCH
- oklch(0.866 0.027 102.3)
WCAG contrast: on white 1.49:1 (Fail) · on black 14.03:1 (AAA)
- #B1B285 color page →
muted
#B1B285
- RGB
- rgb(177 178 133)
- HSL
- hsl(61 23% 61%)
- OKLCH
- oklch(0.751 0.061 108.8)
WCAG contrast: on white 2.19:1 (Fail) · on black 9.57:1 (AAA)
- #888E6A color page →
primary
#888E6A
- RGB
- rgb(136 142 106)
- HSL
- hsl(70 15% 49%)
- OKLCH
- oklch(0.632 0.052 115.6)
WCAG contrast: on white 3.42:1 (Fail) · on black 6.12:1 (AA)
- #646A4A color page →
secondary
#646A4A
- RGB
- rgb(100 106 74)
- HSL
- hsl(71 18% 35%)
- OKLCH
- oklch(0.51 0.048 116.8)
WCAG contrast: on white 5.67:1 (AA) · on black 3.70:1 (Fail)
- #404321 color page →
accent
#404321
- RGB
- rgb(64 67 33)
- HSL
- hsl(65 34% 20%)
- OKLCH
- oklch(0.371 0.053 113.1)
WCAG contrast: on white 10.27:1 (AAA) · on black 2.04:1 (Fail)
- #282A13 color page →
highlight
#282A13
- RGB
- rgb(40 42 19)
- HSL
- hsl(65 38% 12%)
- OKLCH
- oklch(0.276 0.038 113)
WCAG contrast: on white 14.67:1 (AAA) · on black 1.43:1 (Fail)
- #080A05 color page →
text
#080A05
- RGB
- rgb(8 10 5)
- HSL
- hsl(84 33% 3%)
- OKLCH
- oklch(0.14 0.013 123.9)
WCAG contrast: on white 19.88:1 (AAA) · on black 1.05:1 (Fail)
Export Green Tea Dune: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #efeeea;
--surface: #d6d4c0;
--muted: #b1b285;
--primary: #888e6a;
--secondary: #646a4a;
--accent: #404321;
--highlight: #282a13;
--text: #080a05;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #efeeea;
--color-surface: #d6d4c0;
--color-muted: #b1b285;
--color-primary: #888e6a;
--color-secondary: #646a4a;
--color-accent: #404321;
--color-highlight: #282a13;
--color-text: #080a05;
}JSON (DTCG tokens)
{
"green-tea-dune-mq": {
"bg": {
"$type": "color",
"$value": "#efeeea"
},
"surface": {
"$type": "color",
"$value": "#d6d4c0"
},
"muted": {
"$type": "color",
"$value": "#b1b285"
},
"primary": {
"$type": "color",
"$value": "#888e6a"
},
"secondary": {
"$type": "color",
"$value": "#646a4a"
},
"accent": {
"$type": "color",
"$value": "#404321"
},
"highlight": {
"$type": "color",
"$value": "#282a13"
},
"text": {
"$type": "color",
"$value": "#080a05"
}
}
}About this palette
Green Tea Dune is a 8-color OKLCH-ready palette tagged trending, green, gray, 8 colors. Hex values: #EFEEEA, #D6D4C0, #B1B285, #888E6A, #646A4A, #404321, #282A13, #080A05. APCA contrast score Lc 9.6. 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 Green Tea Dune by OKLab color distance.