Palette · 2 colors · Lc 9.3
Muted Dramatic Blue Harbor palette
Muted Dramatic Blue Harbor: a 2-color palette (Pink, 2 Colors, Pair). HEX, RGB, HSL and OKLCH for #F4F2FF, #35008B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
primary
#F4F2FF
secondary
#35008B
Colors in Muted Dramatic Blue Harbor: HEX, RGB, HSL & OKLCH
- #F4F2FF color page →
primary
#F4F2FF
- RGB
- rgb(244 242 255)
- HSL
- hsl(249 100% 97%)
- OKLCH
- oklch(0.966 0.017 293.1)
WCAG contrast: on white 1.10:1 (Fail) · on black 18.99:1 (AAA)
- #35008B color page →
secondary
#35008B
- RGB
- rgb(53 0 139)
- HSL
- hsl(263 100% 27%)
- OKLCH
- oklch(0.322 0.187 286)
WCAG contrast: on white 13.77:1 (AAA) · on black 1.52:1 (Fail)
Export Muted Dramatic Blue Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--primary: #f4f2ff;
--secondary: #35008b;
}Tailwind CSS v4 @theme
@theme {
--color-primary: #f4f2ff;
--color-secondary: #35008b;
}JSON (DTCG tokens)
{
"muted-dramatic-blue-harbor-4tn": {
"primary": {
"$type": "color",
"$value": "#f4f2ff"
},
"secondary": {
"$type": "color",
"$value": "#35008b"
}
}
}About this palette
Muted Dramatic Blue Harbor is a 2-color OKLCH-ready palette tagged pink, 2 colors, pair. Hex values: #F4F2FF, #35008B. APCA contrast score Lc 9.3. 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 Muted Dramatic Blue Harbor by OKLab color distance.