Palette · 7 colors · Lc 10
Royal Lavender Quartz palette
Royal Lavender Quartz: a 7-color palette (Pink, Monochromatic, 7 Colors). HEX, RGB, HSL and OKLCH for #FCF5FF, #CFB0EF, #A382D1, #7E58A8, #59327D, #351F4F, #06040A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- Monochromatic
- 7 Colors
bg
#FCF5FF
surface
#CFB0EF
muted
#A382D1
primary
#7E58A8
secondary
#59327D
accent
#351F4F
text
#06040A
Colors in Royal Lavender Quartz: HEX, RGB, HSL & OKLCH
- #FCF5FF color page →
bg
#FCF5FF
- RGB
- rgb(252 245 255)
- HSL
- hsl(282 100% 98%)
- OKLCH
- oklch(0.978 0.015 316)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.64:1 (AAA)
- #CFB0EF color page →
surface
#CFB0EF
- RGB
- rgb(207 176 239)
- HSL
- hsl(270 66% 81%)
- OKLCH
- oklch(0.806 0.093 306.8)
WCAG contrast: on white 1.89:1 (Fail) · on black 11.10:1 (AAA)
- #A382D1 color page →
muted
#A382D1
- RGB
- rgb(163 130 209)
- HSL
- hsl(265 46% 66%)
- OKLCH
- oklch(0.668 0.119 302.5)
WCAG contrast: on white 3.14:1 (Fail) · on black 6.67:1 (AA)
- #7E58A8 color page →
primary
#7E58A8
- RGB
- rgb(126 88 168)
- HSL
- hsl(269 31% 50%)
- OKLCH
- oklch(0.535 0.127 304.4)
WCAG contrast: on white 5.45:1 (AA) · on black 3.84:1 (Fail)
- #59327D color page →
secondary
#59327D
- RGB
- rgb(89 50 125)
- HSL
- hsl(271 43% 34%)
- OKLCH
- oklch(0.403 0.125 305.5)
WCAG contrast: on white 9.64:1 (AAA) · on black 2.17:1 (Fail)
- #351F4F color page →
accent
#351F4F
- RGB
- rgb(53 31 79)
- HSL
- hsl(268 44% 22%)
- OKLCH
- oklch(0.294 0.086 302.6)
WCAG contrast: on white 14.38:1 (AAA) · on black 1.46:1 (Fail)
- #06040A color page →
text
#06040A
- RGB
- rgb(6 4 10)
- HSL
- hsl(260 43% 3%)
- OKLCH
- oklch(0.115 0.018 301.9)
WCAG contrast: on white 20.39:1 (AAA) · on black 1.02:1 (Fail)
Export Royal Lavender Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fcf5ff;
--surface: #cfb0ef;
--muted: #a382d1;
--primary: #7e58a8;
--secondary: #59327d;
--accent: #351f4f;
--text: #06040a;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fcf5ff;
--color-surface: #cfb0ef;
--color-muted: #a382d1;
--color-primary: #7e58a8;
--color-secondary: #59327d;
--color-accent: #351f4f;
--color-text: #06040a;
}JSON (DTCG tokens)
{
"royal-lavender-quartz-374": {
"bg": {
"$type": "color",
"$value": "#fcf5ff"
},
"surface": {
"$type": "color",
"$value": "#cfb0ef"
},
"muted": {
"$type": "color",
"$value": "#a382d1"
},
"primary": {
"$type": "color",
"$value": "#7e58a8"
},
"secondary": {
"$type": "color",
"$value": "#59327d"
},
"accent": {
"$type": "color",
"$value": "#351f4f"
},
"text": {
"$type": "color",
"$value": "#06040a"
}
}
}About this palette
Royal Lavender Quartz is a 7-color OKLCH-ready palette tagged pink, monochromatic, 7 colors. Hex values: #FCF5FF, #CFB0EF, #A382D1, #7E58A8, #59327D, #351F4F, #06040A. APCA contrast score Lc 10. 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 Royal Lavender Quartz by OKLab color distance.