Palette · 5 colors · Lc 8.6
Ember Studio palette
Ember Studio: a 5-color palette (Trending, Warm Neutral, Dark Mode UI). HEX, RGB, HSL and OKLCH for #1C1410, #3B2418, #E85D04, #FBBF24, #FAF3E8, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#1C1410
surface
#3B2418
ember
#E85D04
gold
#FBBF24
cream
#FAF3E8
Colors in Ember Studio: HEX, RGB, HSL & OKLCH
- #1C1410 color page →
bg
#1C1410
- RGB
- rgb(28 20 16)
- HSL
- hsl(20 27% 9%)
- OKLCH
- oklch(0.2 0.015 47.9)
WCAG contrast: on white 18.15:1 (AAA) · on black 1.15:1 (Fail)
- #3B2418 color page →
surface
#3B2418
- RGB
- rgb(59 36 24)
- HSL
- hsl(21 42% 16%)
- OKLCH
- oklch(0.286 0.041 48.1)
WCAG contrast: on white 14.46:1 (AAA) · on black 1.45:1 (Fail)
- #E85D04 color page →
ember
#E85D04
- RGB
- rgb(232 93 4)
- HSL
- hsl(23 97% 46%)
- OKLCH
- oklch(0.649 0.189 43.5)
WCAG contrast: on white 3.50:1 (Fail) · on black 5.99:1 (AA)
- #FBBF24 color page →
gold
#FBBF24
- RGB
- rgb(251 191 36)
- HSL
- hsl(43 96% 56%)
- OKLCH
- oklch(0.837 0.164 84.4)
WCAG contrast: on white 1.66:1 (Fail) · on black 12.57:1 (AAA)
- #FAF3E8 color page →
cream
#FAF3E8
- RGB
- rgb(250 243 232)
- HSL
- hsl(37 64% 95%)
- OKLCH
- oklch(0.967 0.016 79.4)
WCAG contrast: on white 1.10:1 (Fail) · on black 19.05:1 (AAA)
Export Ember Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #1c1410;
--surface: #3b2418;
--ember: #e85d04;
--gold: #fbbf24;
--cream: #faf3e8;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #1c1410;
--color-surface: #3b2418;
--color-ember: #e85d04;
--color-gold: #fbbf24;
--color-cream: #faf3e8;
}JSON (DTCG tokens)
{
"ember-studio": {
"bg": {
"$type": "color",
"$value": "#1c1410"
},
"surface": {
"$type": "color",
"$value": "#3b2418"
},
"ember": {
"$type": "color",
"$value": "#e85d04"
},
"gold": {
"$type": "color",
"$value": "#fbbf24"
},
"cream": {
"$type": "color",
"$value": "#faf3e8"
}
}
}About this palette
Ember Studio is a 5-color OKLCH-ready palette tagged trending, warm neutral, dark mode ui. Hex values: #1C1410, #3B2418, #E85D04, #FBBF24, #FAF3E8. 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 Ember Studio by OKLab color distance.