Palette · 4 colors · Lc 8.7
Quiet Flirt Drift palette
Quiet Flirt Drift: a 4-color palette (Red, Warm, Sunset, 4 Colors). HEX, RGB, HSL and OKLCH for #FFDFCB, #F89B81, #7D2B4D, #141127, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFDFCB
surface
#F89B81
accent
#7D2B4D
text
#141127
Colors in Quiet Flirt Drift: HEX, RGB, HSL & OKLCH
- #FFDFCB color page →
bg
#FFDFCB
- RGB
- rgb(255 223 203)
- HSL
- hsl(23 100% 90%)
- OKLCH
- oklch(0.925 0.044 54)
WCAG contrast: on white 1.25:1 (Fail) · on black 16.66:1 (AAA)
- #F89B81 color page →
surface
#F89B81
- RGB
- rgb(248 155 129)
- HSL
- hsl(13 89% 74%)
- OKLCH
- oklch(0.778 0.118 36.4)
WCAG contrast: on white 2.10:1 (Fail) · on black 9.99:1 (AAA)
- #7D2B4D color page →
accent
#7D2B4D
- RGB
- rgb(125 43 77)
- HSL
- hsl(335 49% 33%)
- OKLCH
- oklch(0.42 0.119 357.8)
WCAG contrast: on white 9.03:1 (AAA) · on black 2.32:1 (Fail)
- #141127 color page →
text
#141127
- RGB
- rgb(20 17 39)
- HSL
- hsl(248 39% 11%)
- OKLCH
- oklch(0.194 0.043 287.9)
WCAG contrast: on white 18.43:1 (AAA) · on black 1.13:1 (Fail)
Export Quiet Flirt Drift: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffdfcb;
--surface: #f89b81;
--accent: #7d2b4d;
--text: #141127;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffdfcb;
--color-surface: #f89b81;
--color-accent: #7d2b4d;
--color-text: #141127;
}JSON (DTCG tokens)
{
"quiet-flirt-drift-5ef": {
"bg": {
"$type": "color",
"$value": "#ffdfcb"
},
"surface": {
"$type": "color",
"$value": "#f89b81"
},
"accent": {
"$type": "color",
"$value": "#7d2b4d"
},
"text": {
"$type": "color",
"$value": "#141127"
}
}
}About this palette
Quiet Flirt Drift is a 4-color OKLCH-ready palette tagged red, warm, sunset, 4 colors. Hex values: #FFDFCB, #F89B81, #7D2B4D, #141127. 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 Quiet Flirt Drift by OKLab color distance.