Palette · 9 colors · Lc 9.2
Lavender Mirror palette
Lavender Mirror: a 9-color palette (Pink, Monochromatic, 9 Colors). HEX, RGB, HSL and OKLCH for #F7ECFC, #EBC4FE, #C693E2, #B169D4, #9A4EAC, #77328A, #5B1869, #2E1238, #150618, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- Monochromatic
- 9 Colors
bg
#F7ECFC
surface
#EBC4FE
muted
#C693E2
primary
#B169D4
secondary
#9A4EAC
accent
#77328A
highlight
#5B1869
border
#2E1238
text
#150618
Colors in Lavender Mirror: HEX, RGB, HSL & OKLCH
- #F7ECFC color page →
bg
#F7ECFC
- RGB
- rgb(247 236 252)
- HSL
- hsl(281 73% 96%)
- OKLCH
- oklch(0.956 0.024 315.5)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.35:1 (AAA)
- #EBC4FE color page →
surface
#EBC4FE
- RGB
- rgb(235 196 254)
- HSL
- hsl(280 97% 88%)
- OKLCH
- oklch(0.872 0.089 314.6)
WCAG contrast: on white 1.51:1 (Fail) · on black 13.85:1 (AAA)
- #C693E2 color page →
muted
#C693E2
- RGB
- rgb(198 147 226)
- HSL
- hsl(279 58% 73%)
- OKLCH
- oklch(0.74 0.123 313.1)
WCAG contrast: on white 2.42:1 (Fail) · on black 8.67:1 (AAA)
- #B169D4 color page →
primary
#B169D4
- RGB
- rgb(177 105 212)
- HSL
- hsl(280 55% 62%)
- OKLCH
- oklch(0.643 0.169 313.6)
WCAG contrast: on white 3.59:1 (Fail) · on black 5.84:1 (AA)
- #9A4EAC color page →
secondary
#9A4EAC
- RGB
- rgb(154 78 172)
- HSL
- hsl(289 38% 49%)
- OKLCH
- oklch(0.554 0.159 319.6)
WCAG contrast: on white 5.17:1 (AA) · on black 4.05:1 (Fail)
- #77328A color page →
accent
#77328A
- RGB
- rgb(119 50 138)
- HSL
- hsl(287 47% 37%)
- OKLCH
- oklch(0.45 0.151 318.4)
WCAG contrast: on white 8.05:1 (AAA) · on black 2.60:1 (Fail)
- #5B1869 color page →
highlight
#5B1869
- RGB
- rgb(91 24 105)
- HSL
- hsl(290 63% 25%)
- OKLCH
- oklch(0.358 0.142 320.1)
WCAG contrast: on white 11.80:1 (AAA) · on black 1.77:1 (Fail)
- #2E1238 color page →
border
#2E1238
- RGB
- rgb(46 18 56)
- HSL
- hsl(284 51% 15%)
- OKLCH
- oklch(0.244 0.076 316.3)
WCAG contrast: on white 16.66:1 (AAA) · on black 1.25:1 (Fail)
- #150618 color page →
text
#150618
- RGB
- rgb(21 6 24)
- HSL
- hsl(290 60% 6%)
- OKLCH
- oklch(0.158 0.044 321)
WCAG contrast: on white 19.60:1 (AAA) · on black 1.07:1 (Fail)
Export Lavender Mirror: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f7ecfc;
--surface: #ebc4fe;
--muted: #c693e2;
--primary: #b169d4;
--secondary: #9a4eac;
--accent: #77328a;
--highlight: #5b1869;
--border: #2e1238;
--text: #150618;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f7ecfc;
--color-surface: #ebc4fe;
--color-muted: #c693e2;
--color-primary: #b169d4;
--color-secondary: #9a4eac;
--color-accent: #77328a;
--color-highlight: #5b1869;
--color-border: #2e1238;
--color-text: #150618;
}JSON (DTCG tokens)
{
"lavender-mirror-5cs": {
"bg": {
"$type": "color",
"$value": "#f7ecfc"
},
"surface": {
"$type": "color",
"$value": "#ebc4fe"
},
"muted": {
"$type": "color",
"$value": "#c693e2"
},
"primary": {
"$type": "color",
"$value": "#b169d4"
},
"secondary": {
"$type": "color",
"$value": "#9a4eac"
},
"accent": {
"$type": "color",
"$value": "#77328a"
},
"highlight": {
"$type": "color",
"$value": "#5b1869"
},
"border": {
"$type": "color",
"$value": "#2e1238"
},
"text": {
"$type": "color",
"$value": "#150618"
}
}
}About this palette
Lavender Mirror is a 9-color OKLCH-ready palette tagged pink, monochromatic, 9 colors. Hex values: #F7ECFC, #EBC4FE, #C693E2, #B169D4, #9A4EAC, #77328A, #5B1869, #2E1238, #150618. APCA contrast score Lc 9.2. 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 Lavender Mirror by OKLab color distance.