Palette · 7 colors · Lc 8.6
Mochaccino Dune palette
Mochaccino Dune: a 7-color palette (Trending, Yellow, Warm, 7 Colors). HEX, RGB, HSL and OKLCH for #E7EAE4, #8CA15F, #A35700, #78509D, #004940, #1B220A, #060A03, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E7EAE4
surface
#8CA15F
muted
#A35700
primary
#78509D
secondary
#004940
accent
#1B220A
text
#060A03
Colors in Mochaccino Dune: HEX, RGB, HSL & OKLCH
- #E7EAE4 color page →
bg
#E7EAE4
- RGB
- rgb(231 234 228)
- HSL
- hsl(90 12% 91%)
- OKLCH
- oklch(0.933 0.009 128.6)
WCAG contrast: on white 1.21:1 (Fail) · on black 17.28:1 (AAA)
- #8CA15F color page →
surface
#8CA15F
- RGB
- rgb(140 161 95)
- HSL
- hsl(79 26% 50%)
- OKLCH
- oklch(0.677 0.093 123.3)
WCAG contrast: on white 2.84:1 (Fail) · on black 7.37:1 (AAA)
- #A35700 color page →
muted
#A35700
- RGB
- rgb(163 87 0)
- HSL
- hsl(32 100% 32%)
- OKLCH
- oklch(0.536 0.128 58.1)
WCAG contrast: on white 5.35:1 (AA) · on black 3.92:1 (Fail)
- #78509D color page →
primary
#78509D
- RGB
- rgb(120 80 157)
- HSL
- hsl(271 32% 46%)
- OKLCH
- oklch(0.509 0.124 306.5)
WCAG contrast: on white 6.11:1 (AA) · on black 3.43:1 (Fail)
- #004940 color page →
secondary
#004940
- RGB
- rgb(0 73 64)
- HSL
- hsl(173 100% 14%)
- OKLCH
- oklch(0.364 0.065 181.1)
WCAG contrast: on white 10.35:1 (AAA) · on black 2.02:1 (Fail)
- #1B220A color page →
accent
#1B220A
- RGB
- rgb(27 34 10)
- HSL
- hsl(77 55% 9%)
- OKLCH
- oklch(0.238 0.042 123.1)
WCAG contrast: on white 16.40:1 (AAA) · on black 1.27:1 (Fail)
- #060A03 color page →
text
#060A03
- RGB
- rgb(6 10 3)
- HSL
- hsl(94 54% 3%)
- OKLCH
- oklch(0.136 0.021 129.9)
WCAG contrast: on white 19.95:1 (AAA) · on black 1.05:1 (Fail)
Export Mochaccino Dune: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e7eae4;
--surface: #8ca15f;
--muted: #a35700;
--primary: #78509d;
--secondary: #004940;
--accent: #1b220a;
--text: #060a03;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e7eae4;
--color-surface: #8ca15f;
--color-muted: #a35700;
--color-primary: #78509d;
--color-secondary: #004940;
--color-accent: #1b220a;
--color-text: #060a03;
}JSON (DTCG tokens)
{
"mochaccino-dune-2kx": {
"bg": {
"$type": "color",
"$value": "#e7eae4"
},
"surface": {
"$type": "color",
"$value": "#8ca15f"
},
"muted": {
"$type": "color",
"$value": "#a35700"
},
"primary": {
"$type": "color",
"$value": "#78509d"
},
"secondary": {
"$type": "color",
"$value": "#004940"
},
"accent": {
"$type": "color",
"$value": "#1b220a"
},
"text": {
"$type": "color",
"$value": "#060a03"
}
}
}About this palette
Mochaccino Dune is a 7-color OKLCH-ready palette tagged trending, yellow, warm, 7 colors. Hex values: #E7EAE4, #8CA15F, #A35700, #78509D, #004940, #1B220A, #060A03. APCA contrast score Lc 8.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 Mochaccino Dune by OKLab color distance.