Palette · 9 colors · Lc 9.6
Steady Venus Violet Ember palette
Steady Venus Violet Ember: a 9-color palette (Pink, Monochromatic, 9 Colors). HEX, RGB, HSL and OKLCH for #F0F1FF, #C5C4FF, #9CA4F4, #8887E1, #6866C7, #40429B, #393071, #211F49, #060611, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- Monochromatic
- 9 Colors
bg
#F0F1FF
surface
#C5C4FF
muted
#9CA4F4
primary
#8887E1
secondary
#6866C7
accent
#40429B
highlight
#393071
border
#211F49
text
#060611
Colors in Steady Venus Violet Ember: HEX, RGB, HSL & OKLCH
- #F0F1FF color page →
bg
#F0F1FF
- RGB
- rgb(240 241 255)
- HSL
- hsl(236 100% 97%)
- OKLCH
- oklch(0.961 0.019 282.8)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.73:1 (AAA)
- #C5C4FF color page →
surface
#C5C4FF
- RGB
- rgb(197 196 255)
- HSL
- hsl(241 100% 88%)
- OKLCH
- oklch(0.841 0.082 285.3)
WCAG contrast: on white 1.65:1 (Fail) · on black 12.71:1 (AAA)
- #9CA4F4 color page →
muted
#9CA4F4
- RGB
- rgb(156 164 244)
- HSL
- hsl(235 80% 78%)
- OKLCH
- oklch(0.744 0.116 278.8)
WCAG contrast: on white 2.32:1 (Fail) · on black 9.03:1 (AAA)
- #8887E1 color page →
primary
#8887E1
- RGB
- rgb(136 135 225)
- HSL
- hsl(241 60% 71%)
- OKLCH
- oklch(0.663 0.132 282.7)
WCAG contrast: on white 3.18:1 (Fail) · on black 6.59:1 (AA)
- #6866C7 color page →
secondary
#6866C7
- RGB
- rgb(104 102 199)
- HSL
- hsl(241 46% 59%)
- OKLCH
- oklch(0.56 0.147 281.5)
WCAG contrast: on white 4.86:1 (AA) · on black 4.31:1 (Fail)
- #40429B color page →
accent
#40429B
- RGB
- rgb(64 66 155)
- HSL
- hsl(239 42% 43%)
- OKLCH
- oklch(0.429 0.142 277.6)
WCAG contrast: on white 8.49:1 (AAA) · on black 2.47:1 (Fail)
- #393071 color page →
highlight
#393071
- RGB
- rgb(57 48 113)
- HSL
- hsl(248 40% 32%)
- OKLCH
- oklch(0.356 0.108 285.9)
WCAG contrast: on white 11.44:1 (AAA) · on black 1.83:1 (Fail)
- #211F49 color page →
border
#211F49
- RGB
- rgb(33 31 73)
- HSL
- hsl(243 40% 20%)
- OKLCH
- oklch(0.267 0.076 282.1)
WCAG contrast: on white 15.47:1 (AAA) · on black 1.35:1 (Fail)
- #060611 color page →
text
#060611
- RGB
- rgb(6 6 17)
- HSL
- hsl(240 48% 5%)
- OKLCH
- oklch(0.13 0.026 282.2)
WCAG contrast: on white 20.15:1 (AAA) · on black 1.04:1 (Fail)
Export Steady Venus Violet Ember: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f0f1ff;
--surface: #c5c4ff;
--muted: #9ca4f4;
--primary: #8887e1;
--secondary: #6866c7;
--accent: #40429b;
--highlight: #393071;
--border: #211f49;
--text: #060611;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f0f1ff;
--color-surface: #c5c4ff;
--color-muted: #9ca4f4;
--color-primary: #8887e1;
--color-secondary: #6866c7;
--color-accent: #40429b;
--color-highlight: #393071;
--color-border: #211f49;
--color-text: #060611;
}JSON (DTCG tokens)
{
"steady-venus-violet-ember-6d6": {
"bg": {
"$type": "color",
"$value": "#f0f1ff"
},
"surface": {
"$type": "color",
"$value": "#c5c4ff"
},
"muted": {
"$type": "color",
"$value": "#9ca4f4"
},
"primary": {
"$type": "color",
"$value": "#8887e1"
},
"secondary": {
"$type": "color",
"$value": "#6866c7"
},
"accent": {
"$type": "color",
"$value": "#40429b"
},
"highlight": {
"$type": "color",
"$value": "#393071"
},
"border": {
"$type": "color",
"$value": "#211f49"
},
"text": {
"$type": "color",
"$value": "#060611"
}
}
}About this palette
Steady Venus Violet Ember is a 9-color OKLCH-ready palette tagged pink, monochromatic, 9 colors. Hex values: #F0F1FF, #C5C4FF, #9CA4F4, #8887E1, #6866C7, #40429B, #393071, #211F49, #060611. APCA contrast score Lc 9.6. 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 Ember by OKLab color distance.