Palette · 9 colors · Lc 9.2
Steady Venus Violet Bloom palette
Steady Venus Violet Bloom: a 9-color palette (Pink, Monochromatic, 9 Colors). HEX, RGB, HSL and OKLCH for #060615, #221D3D, #3B3268, #5A4D89, #766BB4, #8981C6, #B3ADE2, #D3CEF7, #ECEAFF, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- Monochromatic
- 9 Colors
bg
#060615
surface
#221D3D
muted
#3B3268
primary
#5A4D89
secondary
#766BB4
accent
#8981C6
highlight
#B3ADE2
border
#D3CEF7
text
#ECEAFF
Colors in Steady Venus Violet Bloom: HEX, RGB, HSL & OKLCH
- #060615 color page →
bg
#060615
- RGB
- rgb(6 6 21)
- HSL
- hsl(240 56% 5%)
- OKLCH
- oklch(0.133 0.034 280.8)
WCAG contrast: on white 20.10:1 (AAA) · on black 1.04:1 (Fail)
- #221D3D color page →
surface
#221D3D
- RGB
- rgb(34 29 61)
- HSL
- hsl(249 36% 18%)
- OKLCH
- oklch(0.254 0.059 288.7)
WCAG contrast: on white 16.01:1 (AAA) · on black 1.31:1 (Fail)
- #3B3268 color page →
muted
#3B3268
- RGB
- rgb(59 50 104)
- HSL
- hsl(250 35% 30%)
- OKLCH
- oklch(0.355 0.091 288.5)
WCAG contrast: on white 11.40:1 (AAA) · on black 1.84:1 (Fail)
- #5A4D89 color page →
primary
#5A4D89
- RGB
- rgb(90 77 137)
- HSL
- hsl(253 28% 42%)
- OKLCH
- oklch(0.461 0.096 292.2)
WCAG contrast: on white 7.34:1 (AAA) · on black 2.85:1 (Fail)
- #766BB4 color page →
secondary
#766BB4
- RGB
- rgb(118 107 180)
- HSL
- hsl(249 33% 56%)
- OKLCH
- oklch(0.57 0.111 289.3)
WCAG contrast: on white 4.63:1 (AA) · on black 4.53:1 (AA)
- #8981C6 color page →
accent
#8981C6
- RGB
- rgb(137 129 198)
- HSL
- hsl(247 38% 64%)
- OKLCH
- oklch(0.638 0.102 288.5)
WCAG contrast: on white 3.48:1 (Fail) · on black 6.01:1 (AA)
- #B3ADE2 color page →
highlight
#B3ADE2
- RGB
- rgb(179 173 226)
- HSL
- hsl(247 48% 78%)
- OKLCH
- oklch(0.771 0.075 289.7)
WCAG contrast: on white 2.10:1 (Fail) · on black 9.99:1 (AAA)
- #D3CEF7 color page →
border
#D3CEF7
- RGB
- rgb(211 206 247)
- HSL
- hsl(247 72% 89%)
- OKLCH
- oklch(0.869 0.056 290.8)
WCAG contrast: on white 1.50:1 (Fail) · on black 13.94:1 (AAA)
- #ECEAFF color page →
text
#ECEAFF
- RGB
- rgb(236 234 255)
- HSL
- hsl(246 100% 96%)
- OKLCH
- oklch(0.945 0.028 290.2)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.77:1 (AAA)
Export Steady Venus Violet Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #060615;
--surface: #221d3d;
--muted: #3b3268;
--primary: #5a4d89;
--secondary: #766bb4;
--accent: #8981c6;
--highlight: #b3ade2;
--border: #d3cef7;
--text: #eceaff;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #060615;
--color-surface: #221d3d;
--color-muted: #3b3268;
--color-primary: #5a4d89;
--color-secondary: #766bb4;
--color-accent: #8981c6;
--color-highlight: #b3ade2;
--color-border: #d3cef7;
--color-text: #eceaff;
}JSON (DTCG tokens)
{
"steady-venus-violet-bloom-p4": {
"bg": {
"$type": "color",
"$value": "#060615"
},
"surface": {
"$type": "color",
"$value": "#221d3d"
},
"muted": {
"$type": "color",
"$value": "#3b3268"
},
"primary": {
"$type": "color",
"$value": "#5a4d89"
},
"secondary": {
"$type": "color",
"$value": "#766bb4"
},
"accent": {
"$type": "color",
"$value": "#8981c6"
},
"highlight": {
"$type": "color",
"$value": "#b3ade2"
},
"border": {
"$type": "color",
"$value": "#d3cef7"
},
"text": {
"$type": "color",
"$value": "#eceaff"
}
}
}About this palette
Steady Venus Violet Bloom is a 9-color OKLCH-ready palette tagged pink, monochromatic, 9 colors. Hex values: #060615, #221D3D, #3B3268, #5A4D89, #766BB4, #8981C6, #B3ADE2, #D3CEF7, #ECEAFF. APCA contrast score Lc 9.2. 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 Steady Venus Violet Bloom by OKLab color distance.