Palette · 7 colors · Lc 7.7
Drama Queen Dune palette
Drama Queen Dune: a 7-color palette (Red, Gray, Warm, Dark Mode UI). HEX, RGB, HSL and OKLCH for #060307, #170818, #372C38, #684871, #AE72A6, #C4A2B0, #E2E2E2, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Red
- Gray
- Warm
- Dark Mode UI
- UI System
- 7 Colors
bg
#060307
surface
#170818
muted
#372C38
primary
#684871
secondary
#AE72A6
accent
#C4A2B0
text
#E2E2E2
Colors in Drama Queen Dune: HEX, RGB, HSL & OKLCH
- #060307 color page →
bg
#060307
- RGB
- rgb(6 3 7)
- HSL
- hsl(285 40% 2%)
- OKLCH
- oklch(0.108 0.016 319.1)
WCAG contrast: on white 20.51:1 (AAA) · on black 1.02:1 (Fail)
- #170818 color page →
surface
#170818
- RGB
- rgb(23 8 24)
- HSL
- hsl(296 50% 6%)
- OKLCH
- oklch(0.166 0.04 324.9)
WCAG contrast: on white 19.36:1 (AAA) · on black 1.08:1 (Fail)
- #372C38 color page →
muted
#372C38
- RGB
- rgb(55 44 56)
- HSL
- hsl(295 12% 20%)
- OKLCH
- oklch(0.31 0.026 323.5)
WCAG contrast: on white 13.29:1 (AAA) · on black 1.57:1 (Fail)
- #684871 color page →
primary
#684871
- RGB
- rgb(104 72 113)
- HSL
- hsl(287 22% 36%)
- OKLCH
- oklch(0.453 0.076 318.7)
WCAG contrast: on white 7.62:1 (AAA) · on black 2.75:1 (Fail)
- #AE72A6 color page →
secondary
#AE72A6
- RGB
- rgb(174 114 166)
- HSL
- hsl(308 27% 56%)
- OKLCH
- oklch(0.632 0.103 331.5)
WCAG contrast: on white 3.64:1 (Fail) · on black 5.75:1 (AA)
- #C4A2B0 color page →
accent
#C4A2B0
- RGB
- rgb(196 162 176)
- HSL
- hsl(335 22% 70%)
- OKLCH
- oklch(0.747 0.044 351.5)
WCAG contrast: on white 2.29:1 (Fail) · on black 9.14:1 (AAA)
- #E2E2E2 color page →
text
#E2E2E2
- RGB
- rgb(226 226 226)
- HSL
- hsl(0 0% 89%)
- OKLCH
- oklch(0.913 0 0)
WCAG contrast: on white 1.29:1 (Fail) · on black 16.21:1 (AAA)
Export Drama Queen Dune: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #060307;
--surface: #170818;
--muted: #372c38;
--primary: #684871;
--secondary: #ae72a6;
--accent: #c4a2b0;
--text: #e2e2e2;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #060307;
--color-surface: #170818;
--color-muted: #372c38;
--color-primary: #684871;
--color-secondary: #ae72a6;
--color-accent: #c4a2b0;
--color-text: #e2e2e2;
}JSON (DTCG tokens)
{
"drama-queen-dune-78f": {
"bg": {
"$type": "color",
"$value": "#060307"
},
"surface": {
"$type": "color",
"$value": "#170818"
},
"muted": {
"$type": "color",
"$value": "#372c38"
},
"primary": {
"$type": "color",
"$value": "#684871"
},
"secondary": {
"$type": "color",
"$value": "#ae72a6"
},
"accent": {
"$type": "color",
"$value": "#c4a2b0"
},
"text": {
"$type": "color",
"$value": "#e2e2e2"
}
}
}About this palette
Drama Queen Dune is a 7-color OKLCH-ready palette tagged red, gray, warm, dark mode ui, ui system, 7 colors. Hex values: #060307, #170818, #372C38, #684871, #AE72A6, #C4A2B0, #E2E2E2. APCA contrast score Lc 7.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 Drama Queen Dune by OKLab color distance.