Palette · 4 colors · Lc 9.2
Steady Violaceous Harbor palette
Steady Violaceous Harbor: a 4-color palette (Pink, Warm, 4 Colors). HEX, RGB, HSL and OKLCH for #F7E3F2, #B88DC6, #5B203A, #11040D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F7E3F2
surface
#B88DC6
accent
#5B203A
text
#11040D
Colors in Steady Violaceous Harbor: HEX, RGB, HSL & OKLCH
- #F7E3F2 color page →
bg
#F7E3F2
- RGB
- rgb(247 227 242)
- HSL
- hsl(315 56% 93%)
- OKLCH
- oklch(0.936 0.029 334.4)
WCAG contrast: on white 1.21:1 (Fail) · on black 17.22:1 (AAA)
- #B88DC6 color page →
surface
#B88DC6
- RGB
- rgb(184 141 198)
- HSL
- hsl(285 33% 66%)
- OKLCH
- oklch(0.704 0.094 317.7)
WCAG contrast: on white 2.74:1 (Fail) · on black 7.66:1 (AAA)
- #5B203A color page →
accent
#5B203A
- RGB
- rgb(91 32 58)
- HSL
- hsl(334 48% 24%)
- OKLCH
- oklch(0.341 0.092 355.6)
WCAG contrast: on white 12.26:1 (AAA) · on black 1.71:1 (Fail)
- #11040D color page →
text
#11040D
- RGB
- rgb(17 4 13)
- HSL
- hsl(318 62% 4%)
- OKLCH
- oklch(0.137 0.033 338.8)
WCAG contrast: on white 20.05:1 (AAA) · on black 1.04:1 (Fail)
Export Steady Violaceous Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f7e3f2;
--surface: #b88dc6;
--accent: #5b203a;
--text: #11040d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f7e3f2;
--color-surface: #b88dc6;
--color-accent: #5b203a;
--color-text: #11040d;
}JSON (DTCG tokens)
{
"steady-violaceous-harbor-528": {
"bg": {
"$type": "color",
"$value": "#f7e3f2"
},
"surface": {
"$type": "color",
"$value": "#b88dc6"
},
"accent": {
"$type": "color",
"$value": "#5b203a"
},
"text": {
"$type": "color",
"$value": "#11040d"
}
}
}About this palette
Steady Violaceous Harbor is a 4-color OKLCH-ready palette tagged pink, warm, 4 colors. Hex values: #F7E3F2, #B88DC6, #5B203A, #11040D. 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 Violaceous Harbor by OKLab color distance.