Palette · 7 colors · Lc 8.6
Steady Candied Apple Cascade palette
Steady Candied Apple Cascade: a 7-color palette (Red, Gray, Warm, Dark Mode UI). HEX, RGB, HSL and OKLCH for #080305, #1E1017, #3C2732, #7E405B, #B56078, #C4A7A5, #F3E2E7, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Red
- Gray
- Warm
- Dark Mode UI
- UI System
- 7 Colors
bg
#080305
surface
#1E1017
muted
#3C2732
primary
#7E405B
secondary
#B56078
accent
#C4A7A5
text
#F3E2E7
Colors in Steady Candied Apple Cascade: HEX, RGB, HSL & OKLCH
- #080305 color page →
bg
#080305
- RGB
- rgb(8 3 5)
- HSL
- hsl(336 45% 2%)
- OKLCH
- oklch(0.111 0.016 350.3)
WCAG contrast: on white 20.47:1 (AAA) · on black 1.02:1 (Fail)
- #1E1017 color page →
surface
#1E1017
- RGB
- rgb(30 16 23)
- HSL
- hsl(330 30% 9%)
- OKLCH
- oklch(0.195 0.027 348.4)
WCAG contrast: on white 18.39:1 (AAA) · on black 1.14:1 (Fail)
- #3C2732 color page →
muted
#3C2732
- RGB
- rgb(60 39 50)
- HSL
- hsl(329 21% 19%)
- OKLCH
- oklch(0.302 0.036 346.8)
WCAG contrast: on white 13.73:1 (AAA) · on black 1.52:1 (Fail)
- #7E405B color page →
primary
#7E405B
- RGB
- rgb(126 64 91)
- HSL
- hsl(334 33% 37%)
- OKLCH
- oklch(0.458 0.092 353.8)
WCAG contrast: on white 7.57:1 (AAA) · on black 2.77:1 (Fail)
- #B56078 color page →
secondary
#B56078
- RGB
- rgb(181 96 120)
- HSL
- hsl(343 36% 54%)
- OKLCH
- oklch(0.595 0.112 3.1)
WCAG contrast: on white 4.27:1 (Fail) · on black 4.90:1 (AA)
- #C4A7A5 color page →
accent
#C4A7A5
- RGB
- rgb(196 167 165)
- HSL
- hsl(4 21% 71%)
- OKLCH
- oklch(0.753 0.034 22.6)
WCAG contrast: on white 2.22:1 (Fail) · on black 9.41:1 (AAA)
- #F3E2E7 color page →
text
#F3E2E7
- RGB
- rgb(243 226 231)
- HSL
- hsl(342 41% 92%)
- OKLCH
- oklch(0.928 0.02 357.6)
WCAG contrast: on white 1.24:1 (Fail) · on black 16.84:1 (AAA)
Export Steady Candied Apple Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #080305;
--surface: #1e1017;
--muted: #3c2732;
--primary: #7e405b;
--secondary: #b56078;
--accent: #c4a7a5;
--text: #f3e2e7;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #080305;
--color-surface: #1e1017;
--color-muted: #3c2732;
--color-primary: #7e405b;
--color-secondary: #b56078;
--color-accent: #c4a7a5;
--color-text: #f3e2e7;
}JSON (DTCG tokens)
{
"steady-candied-apple-cascade-382": {
"bg": {
"$type": "color",
"$value": "#080305"
},
"surface": {
"$type": "color",
"$value": "#1e1017"
},
"muted": {
"$type": "color",
"$value": "#3c2732"
},
"primary": {
"$type": "color",
"$value": "#7e405b"
},
"secondary": {
"$type": "color",
"$value": "#b56078"
},
"accent": {
"$type": "color",
"$value": "#c4a7a5"
},
"text": {
"$type": "color",
"$value": "#f3e2e7"
}
}
}About this palette
Steady Candied Apple Cascade is a 7-color OKLCH-ready palette tagged red, gray, warm, dark mode ui, ui system, 7 colors. Hex values: #080305, #1E1017, #3C2732, #7E405B, #B56078, #C4A7A5, #F3E2E7. 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 Steady Candied Apple Cascade by OKLab color distance.