Palette · 6 colors · Lc 9
Steady Cherry on Top Drift palette
Steady Cherry on Top Drift: a 6-color palette (Red, Gray, Warm, Dark Mode UI). HEX, RGB, HSL and OKLCH for #100709, #250F14, #472A30, #9B565E, #C1A49C, #ECECEC, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Red
- Gray
- Warm
- Dark Mode UI
- UI System
- 6 Colors
bg
#100709
surface
#250F14
muted
#472A30
primary
#9B565E
accent
#C1A49C
text
#ECECEC
Colors in Steady Cherry on Top Drift: HEX, RGB, HSL & OKLCH
- #100709 color page →
bg
#100709
- RGB
- rgb(16 7 9)
- HSL
- hsl(347 39% 5%)
- OKLCH
- oklch(0.143 0.017 3.5)
WCAG contrast: on white 19.87:1 (AAA) · on black 1.05:1 (Fail)
- #250F14 color page →
surface
#250F14
- RGB
- rgb(37 15 20)
- HSL
- hsl(346 42% 10%)
- OKLCH
- oklch(0.204 0.038 6.5)
WCAG contrast: on white 18.14:1 (AAA) · on black 1.15:1 (Fail)
- #472A30 color page →
muted
#472A30
- RGB
- rgb(71 42 48)
- HSL
- hsl(348 26% 22%)
- OKLCH
- oklch(0.323 0.044 6.4)
WCAG contrast: on white 12.79:1 (AAA) · on black 1.64:1 (Fail)
- #9B565E color page →
primary
#9B565E
- RGB
- rgb(155 86 94)
- HSL
- hsl(353 29% 47%)
- OKLCH
- oklch(0.536 0.091 13.2)
WCAG contrast: on white 5.40:1 (AA) · on black 3.88:1 (Fail)
- #C1A49C color page →
accent
#C1A49C
- RGB
- rgb(193 164 156)
- HSL
- hsl(13 23% 68%)
- OKLCH
- oklch(0.742 0.036 35.9)
WCAG contrast: on white 2.31:1 (Fail) · on black 9.05:1 (AAA)
- #ECECEC color page →
text
#ECECEC
- RGB
- rgb(236 236 236)
- HSL
- hsl(0 0% 93%)
- OKLCH
- oklch(0.943 0 0)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.77:1 (AAA)
Export Steady Cherry on Top Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #100709;
--surface: #250f14;
--muted: #472a30;
--primary: #9b565e;
--accent: #c1a49c;
--text: #ececec;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #100709;
--color-surface: #250f14;
--color-muted: #472a30;
--color-primary: #9b565e;
--color-accent: #c1a49c;
--color-text: #ececec;
}JSON (DTCG tokens)
{
"steady-cherry-on-top-drift-72m": {
"bg": {
"$type": "color",
"$value": "#100709"
},
"surface": {
"$type": "color",
"$value": "#250f14"
},
"muted": {
"$type": "color",
"$value": "#472a30"
},
"primary": {
"$type": "color",
"$value": "#9b565e"
},
"accent": {
"$type": "color",
"$value": "#c1a49c"
},
"text": {
"$type": "color",
"$value": "#ececec"
}
}
}About this palette
Steady Cherry on Top Drift is a 6-color OKLCH-ready palette tagged red, gray, warm, dark mode ui, ui system, 6 colors. Hex values: #100709, #250F14, #472A30, #9B565E, #C1A49C, #ECECEC. APCA contrast score Lc 9. 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 Steady Cherry on Top Drift by OKLab color distance.