Palette · 5 colors · Lc 8.9
Fat Smooch Drift palette
Fat Smooch Drift: a 5-color palette (Red, Warm, Sunset, 5 Colors). HEX, RGB, HSL and OKLCH for #FDE3E2, #FF90AB, #C25885, #783372, #0E1A31, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FDE3E2
surface
#FF90AB
primary
#C25885
accent
#783372
text
#0E1A31
Colors in Fat Smooch Drift: HEX, RGB, HSL & OKLCH
- #FDE3E2 color page →
bg
#FDE3E2
- RGB
- rgb(253 227 226)
- HSL
- hsl(2 87% 94%)
- OKLCH
- oklch(0.937 0.029 20.3)
WCAG contrast: on white 1.21:1 (Fail) · on black 17.26:1 (AAA)
- #FF90AB color page →
surface
#FF90AB
- RGB
- rgb(255 144 171)
- HSL
- hsl(345 100% 78%)
- OKLCH
- oklch(0.779 0.136 5.1)
WCAG contrast: on white 2.13:1 (Fail) · on black 9.82:1 (AAA)
- #C25885 color page →
primary
#C25885
- RGB
- rgb(194 88 133)
- HSL
- hsl(335 46% 55%)
- OKLCH
- oklch(0.605 0.144 355.6)
WCAG contrast: on white 4.17:1 (Fail) · on black 5.02:1 (AA)
- #783372 color page →
accent
#783372
- RGB
- rgb(120 51 114)
- HSL
- hsl(305 40% 34%)
- OKLCH
- oklch(0.439 0.127 330.9)
WCAG contrast: on white 8.34:1 (AAA) · on black 2.51:1 (Fail)
- #0E1A31 color page →
text
#0E1A31
- RGB
- rgb(14 26 49)
- HSL
- hsl(219 56% 12%)
- OKLCH
- oklch(0.22 0.048 262.3)
WCAG contrast: on white 17.34:1 (AAA) · on black 1.21:1 (Fail)
Export Fat Smooch Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fde3e2;
--surface: #ff90ab;
--primary: #c25885;
--accent: #783372;
--text: #0e1a31;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fde3e2;
--color-surface: #ff90ab;
--color-primary: #c25885;
--color-accent: #783372;
--color-text: #0e1a31;
}JSON (DTCG tokens)
{
"fat-smooch-drift-7mz": {
"bg": {
"$type": "color",
"$value": "#fde3e2"
},
"surface": {
"$type": "color",
"$value": "#ff90ab"
},
"primary": {
"$type": "color",
"$value": "#c25885"
},
"accent": {
"$type": "color",
"$value": "#783372"
},
"text": {
"$type": "color",
"$value": "#0e1a31"
}
}
}About this palette
Fat Smooch Drift is a 5-color OKLCH-ready palette tagged red, warm, sunset, 5 colors. Hex values: #FDE3E2, #FF90AB, #C25885, #783372, #0E1A31. APCA contrast score Lc 8.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 Fat Smooch Drift by OKLab color distance.