Palette · 8 colors · Lc 9.4
True Prunella Noir palette
True Prunella Noir: a 8-color palette (Trending, Red, 8 Colors). HEX, RGB, HSL and OKLCH for #0F030F, #300F2F, #5E3266, #84468E, #A66EB6, #BD94D6, #E2BEF3, #EEE7F7, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#0F030F
surface
#300F2F
muted
#5E3266
primary
#84468E
secondary
#A66EB6
accent
#BD94D6
highlight
#E2BEF3
text
#EEE7F7
Colors in True Prunella Noir: HEX, RGB, HSL & OKLCH
- #0F030F color page →
bg
#0F030F
- RGB
- rgb(15 3 15)
- HSL
- hsl(300 67% 4%)
- OKLCH
- oklch(0.131 0.038 327.5)
WCAG contrast: on white 20.18:1 (AAA) · on black 1.04:1 (Fail)
- #300F2F color page →
surface
#300F2F
- RGB
- rgb(48 15 47)
- HSL
- hsl(302 52% 12%)
- OKLCH
- oklch(0.237 0.072 328.8)
WCAG contrast: on white 17.00:1 (AAA) · on black 1.23:1 (Fail)
- #5E3266 color page →
muted
#5E3266
- RGB
- rgb(94 50 102)
- HSL
- hsl(291 34% 30%)
- OKLCH
- oklch(0.395 0.099 321.3)
WCAG contrast: on white 9.88:1 (AAA) · on black 2.12:1 (Fail)
- #84468E color page →
primary
#84468E
- RGB
- rgb(132 70 142)
- HSL
- hsl(292 34% 42%)
- OKLCH
- oklch(0.498 0.13 321.9)
WCAG contrast: on white 6.46:1 (AA) · on black 3.24:1 (Fail)
- #A66EB6 color page →
secondary
#A66EB6
- RGB
- rgb(166 110 182)
- HSL
- hsl(287 33% 57%)
- OKLCH
- oklch(0.623 0.122 318.5)
WCAG contrast: on white 3.79:1 (Fail) · on black 5.52:1 (AA)
- #BD94D6 color page →
accent
#BD94D6
- RGB
- rgb(189 148 214)
- HSL
- hsl(277 45% 71%)
- OKLCH
- oklch(0.728 0.103 312.2)
WCAG contrast: on white 2.50:1 (Fail) · on black 8.37:1 (AAA)
- #E2BEF3 color page →
highlight
#E2BEF3
- RGB
- rgb(226 190 243)
- HSL
- hsl(281 69% 85%)
- OKLCH
- oklch(0.85 0.082 314.9)
WCAG contrast: on white 1.62:1 (Fail) · on black 12.89:1 (AAA)
- #EEE7F7 color page →
text
#EEE7F7
- RGB
- rgb(238 231 247)
- HSL
- hsl(266 50% 94%)
- OKLCH
- oklch(0.938 0.023 305.6)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.40:1 (AAA)
Export True Prunella Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0f030f;
--surface: #300f2f;
--muted: #5e3266;
--primary: #84468e;
--secondary: #a66eb6;
--accent: #bd94d6;
--highlight: #e2bef3;
--text: #eee7f7;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0f030f;
--color-surface: #300f2f;
--color-muted: #5e3266;
--color-primary: #84468e;
--color-secondary: #a66eb6;
--color-accent: #bd94d6;
--color-highlight: #e2bef3;
--color-text: #eee7f7;
}JSON (DTCG tokens)
{
"true-prunella-noir-4nc": {
"bg": {
"$type": "color",
"$value": "#0f030f"
},
"surface": {
"$type": "color",
"$value": "#300f2f"
},
"muted": {
"$type": "color",
"$value": "#5e3266"
},
"primary": {
"$type": "color",
"$value": "#84468e"
},
"secondary": {
"$type": "color",
"$value": "#a66eb6"
},
"accent": {
"$type": "color",
"$value": "#bd94d6"
},
"highlight": {
"$type": "color",
"$value": "#e2bef3"
},
"text": {
"$type": "color",
"$value": "#eee7f7"
}
}
}About this palette
True Prunella Noir is a 8-color OKLCH-ready palette tagged trending, red, 8 colors. Hex values: #0F030F, #300F2F, #5E3266, #84468E, #A66EB6, #BD94D6, #E2BEF3, #EEE7F7. APCA contrast score Lc 9.4. 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 Prunella Noir by OKLab color distance.