Palette · 5 colors · Lc 8.7
Lipstick Quartz palette
Lipstick Quartz: a 5-color palette (Red, Warm, Sunset, 5 Colors). HEX, RGB, HSL and OKLCH for #FFE6E1, #FC8D99, #C35987, #873271, #081028, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFE6E1
surface
#FC8D99
primary
#C35987
accent
#873271
text
#081028
Colors in Lipstick Quartz: HEX, RGB, HSL & OKLCH
- #FFE6E1 color page →
bg
#FFE6E1
- RGB
- rgb(255 230 225)
- HSL
- hsl(10 100% 94%)
- OKLCH
- oklch(0.944 0.028 31.1)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.65:1 (AAA)
- #FC8D99 color page →
surface
#FC8D99
- RGB
- rgb(252 141 153)
- HSL
- hsl(354 95% 77%)
- OKLCH
- oklch(0.766 0.135 13.9)
WCAG contrast: on white 2.23:1 (Fail) · on black 9.40:1 (AAA)
- #C35987 color page →
primary
#C35987
- RGB
- rgb(195 89 135)
- HSL
- hsl(334 47% 56%)
- OKLCH
- oklch(0.608 0.144 355)
WCAG contrast: on white 4.11:1 (Fail) · on black 5.09:1 (AA)
- #873271 color page →
accent
#873271
- RGB
- rgb(135 50 113)
- HSL
- hsl(316 46% 36%)
- OKLCH
- oklch(0.46 0.139 339.1)
WCAG contrast: on white 7.70:1 (AAA) · on black 2.72:1 (Fail)
- #081028 color page →
text
#081028
- RGB
- rgb(8 16 40)
- HSL
- hsl(225 67% 9%)
- OKLCH
- oklch(0.181 0.051 267.2)
WCAG contrast: on white 18.83:1 (AAA) · on black 1.11:1 (Fail)
Export Lipstick Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffe6e1;
--surface: #fc8d99;
--primary: #c35987;
--accent: #873271;
--text: #081028;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffe6e1;
--color-surface: #fc8d99;
--color-primary: #c35987;
--color-accent: #873271;
--color-text: #081028;
}JSON (DTCG tokens)
{
"lipstick-quartz-3nt": {
"bg": {
"$type": "color",
"$value": "#ffe6e1"
},
"surface": {
"$type": "color",
"$value": "#fc8d99"
},
"primary": {
"$type": "color",
"$value": "#c35987"
},
"accent": {
"$type": "color",
"$value": "#873271"
},
"text": {
"$type": "color",
"$value": "#081028"
}
}
}About this palette
Lipstick Quartz is a 5-color OKLCH-ready palette tagged red, warm, sunset, 5 colors. Hex values: #FFE6E1, #FC8D99, #C35987, #873271, #081028. 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 Lipstick Quartz by OKLab color distance.