Palette · 7 colors · Lc 8.4
True Fat Smooch Cascade palette
True Fat Smooch Cascade: a 7-color palette (Red, Warm, 7 Colors). HEX, RGB, HSL and OKLCH for #F7E9EE, #DDB6D4, #BE83B2, #B85881, #923F47, #5D212B, #260D18, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F7E9EE
surface
#DDB6D4
muted
#BE83B2
primary
#B85881
secondary
#923F47
accent
#5D212B
text
#260D18
Colors in True Fat Smooch Cascade: HEX, RGB, HSL & OKLCH
- #F7E9EE color page →
bg
#F7E9EE
- RGB
- rgb(247 233 238)
- HSL
- hsl(339 47% 94%)
- OKLCH
- oklch(0.946 0.016 353.6)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.84:1 (AAA)
- #DDB6D4 color page →
surface
#DDB6D4
- RGB
- rgb(221 182 212)
- HSL
- hsl(314 36% 79%)
- OKLCH
- oklch(0.82 0.06 334.3)
WCAG contrast: on white 1.79:1 (Fail) · on black 11.71:1 (AAA)
- #BE83B2 color page →
muted
#BE83B2
- RGB
- rgb(190 131 178)
- HSL
- hsl(312 31% 63%)
- OKLCH
- oklch(0.684 0.096 334.1)
WCAG contrast: on white 2.96:1 (Fail) · on black 7.07:1 (AAA)
- #B85881 color page →
primary
#B85881
- RGB
- rgb(184 88 129)
- HSL
- hsl(334 40% 53%)
- OKLCH
- oklch(0.59 0.132 355)
WCAG contrast: on white 4.42:1 (Fail) · on black 4.75:1 (AA)
- #923F47 color page →
secondary
#923F47
- RGB
- rgb(146 63 71)
- HSL
- hsl(354 40% 41%)
- OKLCH
- oklch(0.48 0.112 16.4)
WCAG contrast: on white 6.94:1 (AA) · on black 3.02:1 (Fail)
- #5D212B color page →
accent
#5D212B
- RGB
- rgb(93 33 43)
- HSL
- hsl(350 48% 25%)
- OKLCH
- oklch(0.341 0.088 12.9)
WCAG contrast: on white 12.22:1 (AAA) · on black 1.71:1 (Fail)
- #260D18 color page →
text
#260D18
- RGB
- rgb(38 13 24)
- HSL
- hsl(334 49% 10%)
- OKLCH
- oklch(0.203 0.045 354.2)
WCAG contrast: on white 18.21:1 (AAA) · on black 1.15:1 (Fail)
Export True Fat Smooch Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f7e9ee;
--surface: #ddb6d4;
--muted: #be83b2;
--primary: #b85881;
--secondary: #923f47;
--accent: #5d212b;
--text: #260d18;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f7e9ee;
--color-surface: #ddb6d4;
--color-muted: #be83b2;
--color-primary: #b85881;
--color-secondary: #923f47;
--color-accent: #5d212b;
--color-text: #260d18;
}JSON (DTCG tokens)
{
"true-fat-smooch-cascade-43v": {
"bg": {
"$type": "color",
"$value": "#f7e9ee"
},
"surface": {
"$type": "color",
"$value": "#ddb6d4"
},
"muted": {
"$type": "color",
"$value": "#be83b2"
},
"primary": {
"$type": "color",
"$value": "#b85881"
},
"secondary": {
"$type": "color",
"$value": "#923f47"
},
"accent": {
"$type": "color",
"$value": "#5d212b"
},
"text": {
"$type": "color",
"$value": "#260d18"
}
}
}About this palette
True Fat Smooch Cascade is a 7-color OKLCH-ready palette tagged red, warm, 7 colors. Hex values: #F7E9EE, #DDB6D4, #BE83B2, #B85881, #923F47, #5D212B, #260D18. APCA contrast score Lc 8.4. 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 True Fat Smooch Cascade by OKLab color distance.