Palette · 6 colors · Lc 8.6
Aster Harbor palette
Aster Harbor: a 6-color palette (Pink, Gray, 6 Colors). HEX, RGB, HSL and OKLCH for #E6E4EB, #B2A5C3, #8475A4, #655679, #443758, #211E25, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E6E4EB
surface
#B2A5C3
muted
#8475A4
primary
#655679
accent
#443758
text
#211E25
Colors in Aster Harbor: HEX, RGB, HSL & OKLCH
- #E6E4EB color page →
bg
#E6E4EB
- RGB
- rgb(230 228 235)
- HSL
- hsl(257 15% 91%)
- OKLCH
- oklch(0.922 0.01 299.2)
WCAG contrast: on white 1.26:1 (Fail) · on black 16.66:1 (AAA)
- #B2A5C3 color page →
surface
#B2A5C3
- RGB
- rgb(178 165 195)
- HSL
- hsl(266 20% 71%)
- OKLCH
- oklch(0.743 0.045 304.9)
WCAG contrast: on white 2.31:1 (Fail) · on black 9.06:1 (AAA)
- #8475A4 color page →
muted
#8475A4
- RGB
- rgb(132 117 164)
- HSL
- hsl(259 21% 55%)
- OKLCH
- oklch(0.594 0.072 298.8)
WCAG contrast: on white 4.14:1 (Fail) · on black 5.06:1 (AA)
- #655679 color page →
primary
#655679
- RGB
- rgb(101 86 121)
- HSL
- hsl(266 17% 41%)
- OKLCH
- oklch(0.482 0.058 303.9)
WCAG contrast: on white 6.64:1 (AA) · on black 3.16:1 (Fail)
- #443758 color page →
accent
#443758
- RGB
- rgb(68 55 88)
- HSL
- hsl(264 23% 28%)
- OKLCH
- oklch(0.365 0.058 301.7)
WCAG contrast: on white 10.86:1 (AAA) · on black 1.93:1 (Fail)
- #211E25 color page →
text
#211E25
- RGB
- rgb(33 30 37)
- HSL
- hsl(266 10% 13%)
- OKLCH
- oklch(0.241 0.014 304.8)
WCAG contrast: on white 16.44:1 (AAA) · on black 1.27:1 (Fail)
Export Aster Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e6e4eb;
--surface: #b2a5c3;
--muted: #8475a4;
--primary: #655679;
--accent: #443758;
--text: #211e25;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e6e4eb;
--color-surface: #b2a5c3;
--color-muted: #8475a4;
--color-primary: #655679;
--color-accent: #443758;
--color-text: #211e25;
}JSON (DTCG tokens)
{
"aster-harbor-50u": {
"bg": {
"$type": "color",
"$value": "#e6e4eb"
},
"surface": {
"$type": "color",
"$value": "#b2a5c3"
},
"muted": {
"$type": "color",
"$value": "#8475a4"
},
"primary": {
"$type": "color",
"$value": "#655679"
},
"accent": {
"$type": "color",
"$value": "#443758"
},
"text": {
"$type": "color",
"$value": "#211e25"
}
}
}About this palette
Aster Harbor is a 6-color OKLCH-ready palette tagged pink, gray, 6 colors. Hex values: #E6E4EB, #B2A5C3, #8475A4, #655679, #443758, #211E25. APCA contrast score Lc 8.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 Aster Harbor by OKLab color distance.