Palette · 8 colors · Lc 9.1
Lipstick Lattice palette
Lipstick Lattice: a 8-color palette (Trending, Red, Warm, 8 Colors). HEX, RGB, HSL and OKLCH for #0C0305, #41041D, #68173F, #A03562, #CB5888, #F087A8, #F5B5C6, #FFEEF3, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#0C0305
surface
#41041D
muted
#68173F
primary
#A03562
secondary
#CB5888
accent
#F087A8
highlight
#F5B5C6
text
#FFEEF3
Colors in Lipstick Lattice: HEX, RGB, HSL & OKLCH
- #0C0305 color page →
bg
#0C0305
- RGB
- rgb(12 3 5)
- HSL
- hsl(347 60% 3%)
- OKLCH
- oklch(0.118 0.023 2)
WCAG contrast: on white 20.37:1 (AAA) · on black 1.03:1 (Fail)
- #41041D color page →
surface
#41041D
- RGB
- rgb(65 4 29)
- HSL
- hsl(335 88% 14%)
- OKLCH
- oklch(0.247 0.092 2.6)
WCAG contrast: on white 16.66:1 (AAA) · on black 1.25:1 (Fail)
- #68173F color page →
muted
#68173F
- RGB
- rgb(104 23 63)
- HSL
- hsl(330 64% 25%)
- OKLCH
- oklch(0.355 0.12 355)
WCAG contrast: on white 11.77:1 (AAA) · on black 1.78:1 (Fail)
- #A03562 color page →
primary
#A03562
- RGB
- rgb(160 53 98)
- HSL
- hsl(335 50% 42%)
- OKLCH
- oklch(0.497 0.147 358)
WCAG contrast: on white 6.60:1 (AA) · on black 3.18:1 (Fail)
- #CB5888 color page →
secondary
#CB5888
- RGB
- rgb(203 88 136)
- HSL
- hsl(335 53% 57%)
- OKLCH
- oklch(0.619 0.154 356.4)
WCAG contrast: on white 3.96:1 (Fail) · on black 5.29:1 (AA)
- #F087A8 color page →
accent
#F087A8
- RGB
- rgb(240 135 168)
- HSL
- hsl(341 78% 74%)
- OKLCH
- oklch(0.746 0.133 0.7)
WCAG contrast: on white 2.40:1 (Fail) · on black 8.73:1 (AAA)
- #F5B5C6 color page →
highlight
#F5B5C6
- RGB
- rgb(245 181 198)
- HSL
- hsl(344 76% 84%)
- OKLCH
- oklch(0.837 0.077 1.4)
WCAG contrast: on white 1.70:1 (Fail) · on black 12.30:1 (AAA)
- #FFEEF3 color page →
text
#FFEEF3
- RGB
- rgb(255 238 243)
- HSL
- hsl(342 100% 97%)
- OKLCH
- oklch(0.964 0.019 357.6)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.77:1 (AAA)
Export Lipstick Lattice: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0c0305;
--surface: #41041d;
--muted: #68173f;
--primary: #a03562;
--secondary: #cb5888;
--accent: #f087a8;
--highlight: #f5b5c6;
--text: #ffeef3;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0c0305;
--color-surface: #41041d;
--color-muted: #68173f;
--color-primary: #a03562;
--color-secondary: #cb5888;
--color-accent: #f087a8;
--color-highlight: #f5b5c6;
--color-text: #ffeef3;
}JSON (DTCG tokens)
{
"lipstick-lattice-vp": {
"bg": {
"$type": "color",
"$value": "#0c0305"
},
"surface": {
"$type": "color",
"$value": "#41041d"
},
"muted": {
"$type": "color",
"$value": "#68173f"
},
"primary": {
"$type": "color",
"$value": "#a03562"
},
"secondary": {
"$type": "color",
"$value": "#cb5888"
},
"accent": {
"$type": "color",
"$value": "#f087a8"
},
"highlight": {
"$type": "color",
"$value": "#f5b5c6"
},
"text": {
"$type": "color",
"$value": "#ffeef3"
}
}
}About this palette
Lipstick Lattice is a 8-color OKLCH-ready palette tagged trending, red, warm, 8 colors. Hex values: #0C0305, #41041D, #68173F, #A03562, #CB5888, #F087A8, #F5B5C6, #FFEEF3. APCA contrast score Lc 9.1. 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 Lattice by OKLab color distance.