Palette · 8 colors · Lc 8.6
Vicious Violet Dune palette
Vicious Violet Dune: a 8-color palette (Red, Pink, Warm, 8 Colors). HEX, RGB, HSL and OKLCH for #F7E4F4, #DBBCE1, #B48BCC, #9E5AA2, #7C3975, #6B294A, #401733, #130612, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F7E4F4
surface
#DBBCE1
muted
#B48BCC
primary
#9E5AA2
secondary
#7C3975
accent
#6B294A
highlight
#401733
text
#130612
Colors in Vicious Violet Dune: HEX, RGB, HSL & OKLCH
- #F7E4F4 color page →
bg
#F7E4F4
- RGB
- rgb(247 228 244)
- HSL
- hsl(309 54% 93%)
- OKLCH
- oklch(0.939 0.029 330.9)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.35:1 (AAA)
- #DBBCE1 color page →
surface
#DBBCE1
- RGB
- rgb(219 188 225)
- HSL
- hsl(290 38% 81%)
- OKLCH
- oklch(0.833 0.061 320.8)
WCAG contrast: on white 1.70:1 (Fail) · on black 12.29:1 (AAA)
- #B48BCC color page →
muted
#B48BCC
- RGB
- rgb(180 139 204)
- HSL
- hsl(278 39% 67%)
- OKLCH
- oklch(0.699 0.103 312.6)
WCAG contrast: on white 2.79:1 (Fail) · on black 7.50:1 (AAA)
- #9E5AA2 color page →
primary
#9E5AA2
- RGB
- rgb(158 90 162)
- HSL
- hsl(297 29% 49%)
- OKLCH
- oklch(0.572 0.131 325.1)
WCAG contrast: on white 4.73:1 (AA) · on black 4.43:1 (Fail)
- #7C3975 color page →
secondary
#7C3975
- RGB
- rgb(124 57 117)
- HSL
- hsl(306 37% 35%)
- OKLCH
- oklch(0.455 0.122 331.5)
WCAG contrast: on white 7.78:1 (AAA) · on black 2.69:1 (Fail)
- #6B294A color page →
accent
#6B294A
- RGB
- rgb(107 41 74)
- HSL
- hsl(330 45% 29%)
- OKLCH
- oklch(0.387 0.102 351.8)
WCAG contrast: on white 10.28:1 (AAA) · on black 2.04:1 (Fail)
- #401733 color page →
highlight
#401733
- RGB
- rgb(64 23 51)
- HSL
- hsl(319 47% 17%)
- OKLCH
- oklch(0.279 0.075 341.5)
WCAG contrast: on white 15.12:1 (AAA) · on black 1.38:1 (Fail)
- #130612 color page →
text
#130612
- RGB
- rgb(19 6 18)
- HSL
- hsl(305 52% 5%)
- OKLCH
- oklch(0.15 0.034 329.8)
WCAG contrast: on white 19.76:1 (AAA) · on black 1.06:1 (Fail)
Export Vicious Violet Dune: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f7e4f4;
--surface: #dbbce1;
--muted: #b48bcc;
--primary: #9e5aa2;
--secondary: #7c3975;
--accent: #6b294a;
--highlight: #401733;
--text: #130612;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f7e4f4;
--color-surface: #dbbce1;
--color-muted: #b48bcc;
--color-primary: #9e5aa2;
--color-secondary: #7c3975;
--color-accent: #6b294a;
--color-highlight: #401733;
--color-text: #130612;
}JSON (DTCG tokens)
{
"vicious-violet-dune-5v1": {
"bg": {
"$type": "color",
"$value": "#f7e4f4"
},
"surface": {
"$type": "color",
"$value": "#dbbce1"
},
"muted": {
"$type": "color",
"$value": "#b48bcc"
},
"primary": {
"$type": "color",
"$value": "#9e5aa2"
},
"secondary": {
"$type": "color",
"$value": "#7c3975"
},
"accent": {
"$type": "color",
"$value": "#6b294a"
},
"highlight": {
"$type": "color",
"$value": "#401733"
},
"text": {
"$type": "color",
"$value": "#130612"
}
}
}About this palette
Vicious Violet Dune is a 8-color OKLCH-ready palette tagged red, pink, warm, 8 colors. Hex values: #F7E4F4, #DBBCE1, #B48BCC, #9E5AA2, #7C3975, #6B294A, #401733, #130612. APCA contrast score Lc 8.6. 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 Vicious Violet Dune by OKLab color distance.