Palette · 5 colors · Lc 9.5
Caramel Dream Cascade palette
Caramel Dream Cascade: a 5-color palette (Yellow, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #FFE9E2, #B2663C, #007D7C, #4168A1, #180A04, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFE9E2
surface
#B2663C
primary
#007D7C
accent
#4168A1
text
#180A04
Colors in Caramel Dream Cascade: HEX, RGB, HSL & OKLCH
- #FFE9E2 color page →
bg
#FFE9E2
- RGB
- rgb(255 233 226)
- HSL
- hsl(14 100% 94%)
- OKLCH
- oklch(0.95 0.026 38.5)
WCAG contrast: on white 1.16:1 (Fail) · on black 18.00:1 (AAA)
- #B2663C color page →
surface
#B2663C
- RGB
- rgb(178 102 60)
- HSL
- hsl(21 50% 47%)
- OKLCH
- oklch(0.588 0.113 48.3)
WCAG contrast: on white 4.32:1 (Fail) · on black 4.85:1 (AA)
- #007D7C color page →
primary
#007D7C
- RGB
- rgb(0 125 124)
- HSL
- hsl(180 100% 25%)
- OKLCH
- oklch(0.534 0.091 193.8)
WCAG contrast: on white 4.97:1 (AA) · on black 4.22:1 (Fail)
- #4168A1 color page →
accent
#4168A1
- RGB
- rgb(65 104 161)
- HSL
- hsl(216 42% 44%)
- OKLCH
- oklch(0.515 0.101 257.8)
WCAG contrast: on white 5.64:1 (AA) · on black 3.71:1 (Fail)
- #180A04 color page →
text
#180A04
- RGB
- rgb(24 10 4)
- HSL
- hsl(18 71% 5%)
- OKLCH
- oklch(0.164 0.029 48.5)
WCAG contrast: on white 19.37:1 (AAA) · on black 1.08:1 (Fail)
Export Caramel Dream Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffe9e2;
--surface: #b2663c;
--primary: #007d7c;
--accent: #4168a1;
--text: #180a04;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffe9e2;
--color-surface: #b2663c;
--color-primary: #007d7c;
--color-accent: #4168a1;
--color-text: #180a04;
}JSON (DTCG tokens)
{
"caramel-dream-cascade-3ny": {
"bg": {
"$type": "color",
"$value": "#ffe9e2"
},
"surface": {
"$type": "color",
"$value": "#b2663c"
},
"primary": {
"$type": "color",
"$value": "#007d7c"
},
"accent": {
"$type": "color",
"$value": "#4168a1"
},
"text": {
"$type": "color",
"$value": "#180a04"
}
}
}About this palette
Caramel Dream Cascade is a 5-color OKLCH-ready palette tagged yellow, warm, 5 colors. Hex values: #FFE9E2, #B2663C, #007D7C, #4168A1, #180A04. APCA contrast score Lc 9.5. 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 Caramel Dream Cascade by OKLab color distance.