Palette · 5 colors · Lc 8.7
Prunella Quartz palette
Prunella Quartz: a 5-color palette (Red, Pink, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #F5EBF5, #BD8CCC, #8A4587, #642445, #130B14, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F5EBF5
surface
#BD8CCC
primary
#8A4587
accent
#642445
text
#130B14
Colors in Prunella Quartz: HEX, RGB, HSL & OKLCH
- #F5EBF5 color page →
bg
#F5EBF5
- RGB
- rgb(245 235 245)
- HSL
- hsl(300 33% 94%)
- OKLCH
- oklch(0.951 0.017 325.7)
WCAG contrast: on white 1.16:1 (Fail) · on black 18.08:1 (AAA)
- #BD8CCC color page →
surface
#BD8CCC
- RGB
- rgb(189 140 204)
- HSL
- hsl(286 39% 67%)
- OKLCH
- oklch(0.709 0.106 318.1)
WCAG contrast: on white 2.69:1 (Fail) · on black 7.78:1 (AAA)
- #8A4587 color page →
primary
#8A4587
- RGB
- rgb(138 69 135)
- HSL
- hsl(303 33% 41%)
- OKLCH
- oklch(0.501 0.128 328.9)
WCAG contrast: on white 6.39:1 (AA) · on black 3.28:1 (Fail)
- #642445 color page →
accent
#642445
- RGB
- rgb(100 36 69)
- HSL
- hsl(329 47% 27%)
- OKLCH
- oklch(0.366 0.1 351.1)
WCAG contrast: on white 11.16:1 (AAA) · on black 1.88:1 (Fail)
- #130B14 color page →
text
#130B14
- RGB
- rgb(19 11 20)
- HSL
- hsl(293 29% 6%)
- OKLCH
- oklch(0.165 0.022 322.7)
WCAG contrast: on white 19.34:1 (AAA) · on black 1.08:1 (Fail)
Export Prunella Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f5ebf5;
--surface: #bd8ccc;
--primary: #8a4587;
--accent: #642445;
--text: #130b14;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f5ebf5;
--color-surface: #bd8ccc;
--color-primary: #8a4587;
--color-accent: #642445;
--color-text: #130b14;
}JSON (DTCG tokens)
{
"prunella-quartz-6of": {
"bg": {
"$type": "color",
"$value": "#f5ebf5"
},
"surface": {
"$type": "color",
"$value": "#bd8ccc"
},
"primary": {
"$type": "color",
"$value": "#8a4587"
},
"accent": {
"$type": "color",
"$value": "#642445"
},
"text": {
"$type": "color",
"$value": "#130b14"
}
}
}About this palette
Prunella Quartz is a 5-color OKLCH-ready palette tagged red, pink, warm, 5 colors. Hex values: #F5EBF5, #BD8CCC, #8A4587, #642445, #130B14. 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 Prunella Quartz by OKLab color distance.