Palette · 4 colors · Lc 8.4
Quiet Flirt Noir palette
Quiet Flirt Noir: a 4-color palette (Red, Warm, Sunset, 4 Colors). HEX, RGB, HSL and OKLCH for #FFE4CD, #FB9B80, #872C52, #180F2E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFE4CD
surface
#FB9B80
accent
#872C52
text
#180F2E
Colors in Quiet Flirt Noir: HEX, RGB, HSL & OKLCH
- #FFE4CD color page →
bg
#FFE4CD
- RGB
- rgb(255 228 205)
- HSL
- hsl(28 100% 90%)
- OKLCH
- oklch(0.935 0.043 62.7)
WCAG contrast: on white 1.21:1 (Fail) · on black 17.23:1 (AAA)
- #FB9B80 color page →
surface
#FB9B80
- RGB
- rgb(251 155 128)
- HSL
- hsl(13 94% 74%)
- OKLCH
- oklch(0.782 0.122 36.5)
WCAG contrast: on white 2.07:1 (Fail) · on black 10.10:1 (AAA)
- #872C52 color page →
accent
#872C52
- RGB
- rgb(135 44 82)
- HSL
- hsl(335 51% 35%)
- OKLCH
- oklch(0.44 0.129 358.1)
WCAG contrast: on white 8.35:1 (AAA) · on black 2.51:1 (Fail)
- #180F2E color page →
text
#180F2E
- RGB
- rgb(24 15 46)
- HSL
- hsl(257 51% 12%)
- OKLCH
- oklch(0.2 0.06 293.7)
WCAG contrast: on white 18.31:1 (AAA) · on black 1.14:1 (Fail)
Export Quiet Flirt Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffe4cd;
--surface: #fb9b80;
--accent: #872c52;
--text: #180f2e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffe4cd;
--color-surface: #fb9b80;
--color-accent: #872c52;
--color-text: #180f2e;
}JSON (DTCG tokens)
{
"quiet-flirt-noir-wx": {
"bg": {
"$type": "color",
"$value": "#ffe4cd"
},
"surface": {
"$type": "color",
"$value": "#fb9b80"
},
"accent": {
"$type": "color",
"$value": "#872c52"
},
"text": {
"$type": "color",
"$value": "#180f2e"
}
}
}About this palette
Quiet Flirt Noir is a 4-color OKLCH-ready palette tagged red, warm, sunset, 4 colors. Hex values: #FFE4CD, #FB9B80, #872C52, #180F2E. 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 Quiet Flirt Noir by OKLab color distance.