Palette · 6 colors · Lc 8.2
Classic Mochaccino Studio palette
Classic Mochaccino Studio: a 6-color palette (Yellow, Warm, Dark Mode UI, UI System). HEX, RGB, HSL and OKLCH for #0E0601, #261703, #483826, #9F5D00, #A6A476, #E5DFD7, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Yellow
- Warm
- Dark Mode UI
- UI System
- 6 Colors
bg
#0E0601
surface
#261703
muted
#483826
primary
#9F5D00
accent
#A6A476
text
#E5DFD7
Colors in Classic Mochaccino Studio: HEX, RGB, HSL & OKLCH
- #0E0601 color page →
bg
#0E0601
- RGB
- rgb(14 6 1)
- HSL
- hsl(23 87% 3%)
- OKLCH
- oklch(0.133 0.024 67.3)
WCAG contrast: on white 20.09:1 (AAA) · on black 1.04:1 (Fail)
- #261703 color page →
surface
#261703
- RGB
- rgb(38 23 3)
- HSL
- hsl(34 85% 8%)
- OKLCH
- oklch(0.22 0.041 72.7)
WCAG contrast: on white 17.40:1 (AAA) · on black 1.20:1 (Fail)
- #483826 color page →
muted
#483826
- RGB
- rgb(72 56 38)
- HSL
- hsl(32 31% 22%)
- OKLCH
- oklch(0.353 0.037 69.5)
WCAG contrast: on white 11.23:1 (AAA) · on black 1.86:1 (Fail)
- #9F5D00 color page →
primary
#9F5D00
- RGB
- rgb(159 93 0)
- HSL
- hsl(35 100% 31%)
- OKLCH
- oklch(0.542 0.122 64.2)
WCAG contrast: on white 5.19:1 (AA) · on black 4.03:1 (Fail)
- #A6A476 color page →
accent
#A6A476
- RGB
- rgb(166 164 118)
- HSL
- hsl(58 21% 56%)
- OKLCH
- oklch(0.709 0.063 105.8)
WCAG contrast: on white 2.56:1 (Fail) · on black 8.19:1 (AAA)
- #E5DFD7 color page →
text
#E5DFD7
- RGB
- rgb(229 223 215)
- HSL
- hsl(34 21% 87%)
- OKLCH
- oklch(0.906 0.013 75.4)
WCAG contrast: on white 1.32:1 (Fail) · on black 15.86:1 (AAA)
Export Classic Mochaccino Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0e0601;
--surface: #261703;
--muted: #483826;
--primary: #9f5d00;
--accent: #a6a476;
--text: #e5dfd7;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0e0601;
--color-surface: #261703;
--color-muted: #483826;
--color-primary: #9f5d00;
--color-accent: #a6a476;
--color-text: #e5dfd7;
}JSON (DTCG tokens)
{
"classic-mochaccino-studio-1rn": {
"bg": {
"$type": "color",
"$value": "#0e0601"
},
"surface": {
"$type": "color",
"$value": "#261703"
},
"muted": {
"$type": "color",
"$value": "#483826"
},
"primary": {
"$type": "color",
"$value": "#9f5d00"
},
"accent": {
"$type": "color",
"$value": "#a6a476"
},
"text": {
"$type": "color",
"$value": "#e5dfd7"
}
}
}About this palette
Classic Mochaccino Studio is a 6-color OKLCH-ready palette tagged yellow, warm, dark mode ui, ui system, 6 colors. Hex values: #0E0601, #261703, #483826, #9F5D00, #A6A476, #E5DFD7. APCA contrast score Lc 8.2. 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 Classic Mochaccino Studio by OKLab color distance.