Palette · 5 colors · Lc 7.8
Lipstick Noir palette
Lipstick Noir: a 5-color palette (Red, Warm, Sunset, 5 Colors). HEX, RGB, HSL and OKLCH for #F9D9D1, #F592A0, #CA5A80, #7E3071, #091532, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F9D9D1
surface
#F592A0
primary
#CA5A80
accent
#7E3071
text
#091532
Colors in Lipstick Noir: HEX, RGB, HSL & OKLCH
- #F9D9D1 color page →
bg
#F9D9D1
- RGB
- rgb(249 217 209)
- HSL
- hsl(12 77% 90%)
- OKLCH
- oklch(0.91 0.037 34.3)
WCAG contrast: on white 1.32:1 (Fail) · on black 15.87:1 (AAA)
- #F592A0 color page →
surface
#F592A0
- RGB
- rgb(245 146 160)
- HSL
- hsl(352 83% 77%)
- OKLCH
- oklch(0.767 0.12 11.2)
WCAG contrast: on white 2.21:1 (Fail) · on black 9.50:1 (AAA)
- #CA5A80 color page →
primary
#CA5A80
- RGB
- rgb(202 90 128)
- HSL
- hsl(340 51% 57%)
- OKLCH
- oklch(0.617 0.147 1)
WCAG contrast: on white 3.97:1 (Fail) · on black 5.28:1 (AA)
- #7E3071 color page →
accent
#7E3071
- RGB
- rgb(126 48 113)
- HSL
- hsl(310 45% 34%)
- OKLCH
- oklch(0.444 0.135 334.6)
WCAG contrast: on white 8.24:1 (AAA) · on black 2.54:1 (Fail)
- #091532 color page →
text
#091532
- RGB
- rgb(9 21 50)
- HSL
- hsl(222 69% 12%)
- OKLCH
- oklch(0.204 0.06 264.7)
WCAG contrast: on white 18.02:1 (AAA) · on black 1.16:1 (Fail)
Export Lipstick Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f9d9d1;
--surface: #f592a0;
--primary: #ca5a80;
--accent: #7e3071;
--text: #091532;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f9d9d1;
--color-surface: #f592a0;
--color-primary: #ca5a80;
--color-accent: #7e3071;
--color-text: #091532;
}JSON (DTCG tokens)
{
"lipstick-noir-6wj": {
"bg": {
"$type": "color",
"$value": "#f9d9d1"
},
"surface": {
"$type": "color",
"$value": "#f592a0"
},
"primary": {
"$type": "color",
"$value": "#ca5a80"
},
"accent": {
"$type": "color",
"$value": "#7e3071"
},
"text": {
"$type": "color",
"$value": "#091532"
}
}
}About this palette
Lipstick Noir is a 5-color OKLCH-ready palette tagged red, warm, sunset, 5 colors. Hex values: #F9D9D1, #F592A0, #CA5A80, #7E3071, #091532. APCA contrast score Lc 7.8. 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 Lipstick Noir by OKLab color distance.