Palette · 4 colors · Lc 9.6
Steady Cinnapink System palette
Steady Cinnapink System: a 4-color palette (Red, Gray, Warm, Dark Mode UI). HEX, RGB, HSL and OKLCH for #0E090A, #47343A, #9F5C6D, #F4EEEF, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Red
- Gray
- Warm
- Dark Mode UI
- UI System
- 4 Colors
bg
#0E090A
surface
#47343A
accent
#9F5C6D
text
#F4EEEF
Colors in Steady Cinnapink System: HEX, RGB, HSL & OKLCH
- #0E090A color page →
bg
#0E090A
- RGB
- rgb(14 9 10)
- HSL
- hsl(348 22% 5%)
- OKLCH
- oklch(0.147 0.009 4.5)
WCAG contrast: on white 19.77:1 (AAA) · on black 1.06:1 (Fail)
- #47343A color page →
surface
#47343A
- RGB
- rgb(71 52 58)
- HSL
- hsl(341 15% 24%)
- OKLCH
- oklch(0.349 0.029 358)
WCAG contrast: on white 11.53:1 (AAA) · on black 1.82:1 (Fail)
- #9F5C6D color page →
accent
#9F5C6D
- RGB
- rgb(159 92 109)
- HSL
- hsl(345 27% 49%)
- OKLCH
- oklch(0.556 0.09 4.1)
WCAG contrast: on white 4.96:1 (AA) · on black 4.22:1 (Fail)
- #F4EEEF color page →
text
#F4EEEF
- RGB
- rgb(244 238 239)
- HSL
- hsl(350 21% 95%)
- OKLCH
- oklch(0.954 0.007 5.6)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.32:1 (AAA)
Export Steady Cinnapink System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0e090a;
--surface: #47343a;
--accent: #9f5c6d;
--text: #f4eeef;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0e090a;
--color-surface: #47343a;
--color-accent: #9f5c6d;
--color-text: #f4eeef;
}JSON (DTCG tokens)
{
"steady-cinnapink-system-5sb": {
"bg": {
"$type": "color",
"$value": "#0e090a"
},
"surface": {
"$type": "color",
"$value": "#47343a"
},
"accent": {
"$type": "color",
"$value": "#9f5c6d"
},
"text": {
"$type": "color",
"$value": "#f4eeef"
}
}
}About this palette
Steady Cinnapink System is a 4-color OKLCH-ready palette tagged red, gray, warm, dark mode ui, ui system, 4 colors. Hex values: #0E090A, #47343A, #9F5C6D, #F4EEEF. 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 Steady Cinnapink System by OKLab color distance.