Palette · 5 colors · Lc 8.7
Fat Smooch Drift palette
Fat Smooch Drift: a 5-color palette (Red, Warm, Sunset, 5 Colors). HEX, RGB, HSL and OKLCH for #FFE1DC, #F18591, #C34E78, #76316A, #0F1731, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFE1DC
surface
#F18591
primary
#C34E78
accent
#76316A
text
#0F1731
Colors in Fat Smooch Drift: HEX, RGB, HSL & OKLCH
- #FFE1DC color page →
bg
#FFE1DC
- RGB
- rgb(255 225 220)
- HSL
- hsl(9 100% 93%)
- OKLCH
- oklch(0.933 0.034 29)
WCAG contrast: on white 1.23:1 (Fail) · on black 17.05:1 (AAA)
- #F18591 color page →
surface
#F18591
- RGB
- rgb(241 133 145)
- HSL
- hsl(353 79% 73%)
- OKLCH
- oklch(0.738 0.132 13.8)
WCAG contrast: on white 2.46:1 (Fail) · on black 8.50:1 (AAA)
- #C34E78 color page →
primary
#C34E78
- RGB
- rgb(195 78 120)
- HSL
- hsl(338 49% 54%)
- OKLCH
- oklch(0.589 0.155 0.7)
WCAG contrast: on white 4.48:1 (Fail) · on black 4.68:1 (AA)
- #76316A color page →
accent
#76316A
- RGB
- rgb(118 49 106)
- HSL
- hsl(310 41% 33%)
- OKLCH
- oklch(0.43 0.122 334.7)
WCAG contrast: on white 8.68:1 (AAA) · on black 2.41:1 (Fail)
- #0F1731 color page →
text
#0F1731
- RGB
- rgb(15 23 49)
- HSL
- hsl(226 53% 13%)
- OKLCH
- oklch(0.213 0.053 268.8)
WCAG contrast: on white 17.68:1 (AAA) · on black 1.18:1 (Fail)
Export Fat Smooch Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffe1dc;
--surface: #f18591;
--primary: #c34e78;
--accent: #76316a;
--text: #0f1731;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffe1dc;
--color-surface: #f18591;
--color-primary: #c34e78;
--color-accent: #76316a;
--color-text: #0f1731;
}JSON (DTCG tokens)
{
"fat-smooch-drift-ha": {
"bg": {
"$type": "color",
"$value": "#ffe1dc"
},
"surface": {
"$type": "color",
"$value": "#f18591"
},
"primary": {
"$type": "color",
"$value": "#c34e78"
},
"accent": {
"$type": "color",
"$value": "#76316a"
},
"text": {
"$type": "color",
"$value": "#0f1731"
}
}
}About this palette
Fat Smooch Drift is a 5-color OKLCH-ready palette tagged red, warm, sunset, 5 colors. Hex values: #FFE1DC, #F18591, #C34E78, #76316A, #0F1731. APCA contrast score Lc 8.7. 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.