Palette · 9 colors · Lc 9.1
True Prophet Violet Circuit palette
True Prophet Violet Circuit: a 9-color palette (Pink, 9 Colors). HEX, RGB, HSL and OKLCH for #0C0817, #241A31, #45315F, #564579, #705EA5, #957EC4, #B8ACDB, #D7D3F7, #EFEEFF, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 9 Colors
bg
#0C0817
surface
#241A31
muted
#45315F
primary
#564579
secondary
#705EA5
accent
#957EC4
highlight
#B8ACDB
border
#D7D3F7
text
#EFEEFF
Colors in True Prophet Violet Circuit: HEX, RGB, HSL & OKLCH
- #0C0817 color page →
bg
#0C0817
- RGB
- rgb(12 8 23)
- HSL
- hsl(256 48% 6%)
- OKLCH
- oklch(0.149 0.032 294.8)
WCAG contrast: on white 19.76:1 (AAA) · on black 1.06:1 (Fail)
- #241A31 color page →
surface
#241A31
- RGB
- rgb(36 26 49)
- HSL
- hsl(266 31% 15%)
- OKLCH
- oklch(0.242 0.045 303.2)
WCAG contrast: on white 16.57:1 (AAA) · on black 1.26:1 (Fail)
- #45315F color page →
muted
#45315F
- RGB
- rgb(69 49 95)
- HSL
- hsl(266 32% 28%)
- OKLCH
- oklch(0.358 0.08 302.6)
WCAG contrast: on white 11.30:1 (AAA) · on black 1.85:1 (Fail)
- #564579 color page →
primary
#564579
- RGB
- rgb(86 69 121)
- HSL
- hsl(260 27% 37%)
- OKLCH
- oklch(0.432 0.086 297.8)
WCAG contrast: on white 8.32:1 (AAA) · on black 2.52:1 (Fail)
- #705EA5 color page →
secondary
#705EA5
- RGB
- rgb(112 94 165)
- HSL
- hsl(255 28% 51%)
- OKLCH
- oklch(0.531 0.11 294)
WCAG contrast: on white 5.47:1 (AA) · on black 3.83:1 (Fail)
- #957EC4 color page →
accent
#957EC4
- RGB
- rgb(149 126 196)
- HSL
- hsl(260 37% 63%)
- OKLCH
- oklch(0.642 0.105 298.5)
WCAG contrast: on white 3.46:1 (Fail) · on black 6.05:1 (AA)
- #B8ACDB color page →
highlight
#B8ACDB
- RGB
- rgb(184 172 219)
- HSL
- hsl(255 39% 77%)
- OKLCH
- oklch(0.77 0.067 296.5)
WCAG contrast: on white 2.10:1 (Fail) · on black 9.96:1 (AAA)
- #D7D3F7 color page →
border
#D7D3F7
- RGB
- rgb(215 211 247)
- HSL
- hsl(247 69% 90%)
- OKLCH
- oklch(0.881 0.049 290.4)
WCAG contrast: on white 1.44:1 (Fail) · on black 14.55:1 (AAA)
- #EFEEFF color page →
text
#EFEEFF
- RGB
- rgb(239 238 255)
- HSL
- hsl(244 100% 97%)
- OKLCH
- oklch(0.955 0.023 288.7)
WCAG contrast: on white 1.14:1 (Fail) · on black 18.34:1 (AAA)
Export True Prophet Violet Circuit: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0c0817;
--surface: #241a31;
--muted: #45315f;
--primary: #564579;
--secondary: #705ea5;
--accent: #957ec4;
--highlight: #b8acdb;
--border: #d7d3f7;
--text: #efeeff;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0c0817;
--color-surface: #241a31;
--color-muted: #45315f;
--color-primary: #564579;
--color-secondary: #705ea5;
--color-accent: #957ec4;
--color-highlight: #b8acdb;
--color-border: #d7d3f7;
--color-text: #efeeff;
}JSON (DTCG tokens)
{
"true-prophet-violet-circuit-7nt": {
"bg": {
"$type": "color",
"$value": "#0c0817"
},
"surface": {
"$type": "color",
"$value": "#241a31"
},
"muted": {
"$type": "color",
"$value": "#45315f"
},
"primary": {
"$type": "color",
"$value": "#564579"
},
"secondary": {
"$type": "color",
"$value": "#705ea5"
},
"accent": {
"$type": "color",
"$value": "#957ec4"
},
"highlight": {
"$type": "color",
"$value": "#b8acdb"
},
"border": {
"$type": "color",
"$value": "#d7d3f7"
},
"text": {
"$type": "color",
"$value": "#efeeff"
}
}
}About this palette
True Prophet Violet Circuit is a 9-color OKLCH-ready palette tagged pink, 9 colors. Hex values: #0C0817, #241A31, #45315F, #564579, #705EA5, #957EC4, #B8ACDB, #D7D3F7, #EFEEFF. APCA contrast score Lc 9.1. 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 Prophet Violet Circuit by OKLab color distance.