Palette · 10 colors · Lc 8.7
True Drama Queen Brief palette
True Drama Queen Brief: a 10-color palette (Trending, Red, Warm, Monochromatic). HEX, RGB, HSL and OKLCH for #13070F, #271123, #3F2639, #613852, #7E4E73, #A26A8C, #BB89AF, #C6A7BA, #EECEE3, #F5E6F0, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Trending
- Red
- Warm
- Monochromatic
- 10 Colors
bg
#13070F
surface
#271123
muted
#3F2639
primary
#613852
secondary
#7E4E73
accent
#A26A8C
highlight
#BB89AF
border
#C6A7BA
focus
#EECEE3
text
#F5E6F0
Colors in True Drama Queen Brief: HEX, RGB, HSL & OKLCH
- #13070F color page →
bg
#13070F
- RGB
- rgb(19 7 15)
- HSL
- hsl(320 46% 5%)
- OKLCH
- oklch(0.152 0.027 340.2)
WCAG contrast: on white 19.71:1 (AAA) · on black 1.06:1 (Fail)
- #271123 color page →
surface
#271123
- RGB
- rgb(39 17 35)
- HSL
- hsl(311 39% 11%)
- OKLCH
- oklch(0.218 0.047 334.2)
WCAG contrast: on white 17.63:1 (AAA) · on black 1.19:1 (Fail)
- #3F2639 color page →
muted
#3F2639
- RGB
- rgb(63 38 57)
- HSL
- hsl(314 25% 20%)
- OKLCH
- oklch(0.307 0.048 335.9)
WCAG contrast: on white 13.56:1 (AAA) · on black 1.54:1 (Fail)
- #613852 color page →
primary
#613852
- RGB
- rgb(97 56 82)
- HSL
- hsl(322 27% 30%)
- OKLCH
- oklch(0.4 0.069 342.1)
WCAG contrast: on white 9.56:1 (AAA) · on black 2.19:1 (Fail)
- #7E4E73 color page →
secondary
#7E4E73
- RGB
- rgb(126 78 115)
- HSL
- hsl(314 24% 40%)
- OKLCH
- oklch(0.491 0.083 335.6)
WCAG contrast: on white 6.51:1 (AA) · on black 3.22:1 (Fail)
- #A26A8C color page →
accent
#A26A8C
- RGB
- rgb(162 106 140)
- HSL
- hsl(324 23% 53%)
- OKLCH
- oklch(0.595 0.085 342.9)
WCAG contrast: on white 4.21:1 (Fail) · on black 4.97:1 (AA)
- #BB89AF color page →
highlight
#BB89AF
- RGB
- rgb(187 137 175)
- HSL
- hsl(314 27% 64%)
- OKLCH
- oklch(0.691 0.079 335.3)
WCAG contrast: on white 2.87:1 (Fail) · on black 7.31:1 (AAA)
- #C6A7BA color page →
border
#C6A7BA
- RGB
- rgb(198 167 186)
- HSL
- hsl(323 21% 72%)
- OKLCH
- oklch(0.761 0.044 340.9)
WCAG contrast: on white 2.17:1 (Fail) · on black 9.63:1 (AAA)
- #EECEE3 color page →
focus
#EECEE3
- RGB
- rgb(238 206 227)
- HSL
- hsl(321 48% 87%)
- OKLCH
- oklch(0.884 0.045 338.7)
WCAG contrast: on white 1.44:1 (Fail) · on black 14.57:1 (AAA)
- #F5E6F0 color page →
text
#F5E6F0
- RGB
- rgb(245 230 240)
- HSL
- hsl(320 43% 93%)
- OKLCH
- oklch(0.94 0.021 337.7)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.45:1 (AAA)
Export True Drama Queen Brief: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #13070f;
--surface: #271123;
--muted: #3f2639;
--primary: #613852;
--secondary: #7e4e73;
--accent: #a26a8c;
--highlight: #bb89af;
--border: #c6a7ba;
--focus: #eecee3;
--text: #f5e6f0;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #13070f;
--color-surface: #271123;
--color-muted: #3f2639;
--color-primary: #613852;
--color-secondary: #7e4e73;
--color-accent: #a26a8c;
--color-highlight: #bb89af;
--color-border: #c6a7ba;
--color-focus: #eecee3;
--color-text: #f5e6f0;
}JSON (DTCG tokens)
{
"true-drama-queen-brief-7ly": {
"bg": {
"$type": "color",
"$value": "#13070f"
},
"surface": {
"$type": "color",
"$value": "#271123"
},
"muted": {
"$type": "color",
"$value": "#3f2639"
},
"primary": {
"$type": "color",
"$value": "#613852"
},
"secondary": {
"$type": "color",
"$value": "#7e4e73"
},
"accent": {
"$type": "color",
"$value": "#a26a8c"
},
"highlight": {
"$type": "color",
"$value": "#bb89af"
},
"border": {
"$type": "color",
"$value": "#c6a7ba"
},
"focus": {
"$type": "color",
"$value": "#eecee3"
},
"text": {
"$type": "color",
"$value": "#f5e6f0"
}
}
}About this palette
True Drama Queen Brief is a 10-color OKLCH-ready palette tagged trending, red, warm, monochromatic, 10 colors. Hex values: #13070F, #271123, #3F2639, #613852, #7E4E73, #A26A8C, #BB89AF, #C6A7BA, #EECEE3, #F5E6F0. 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 True Drama Queen Brief by OKLab color distance.