Palette · 4 colors · Lc 9.8
Classic Purple Rain Harbor palette
Classic Purple Rain Harbor: a 4-color palette (Pink, UI System, 4 Colors). HEX, RGB, HSL and OKLCH for #FAF6FF, #B7AAD9, #8844D8, #16121F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FAF6FF
surface
#B7AAD9
accent
#8844D8
text
#16121F
Colors in Classic Purple Rain Harbor: HEX, RGB, HSL & OKLCH
- #FAF6FF color page →
bg
#FAF6FF
- RGB
- rgb(250 246 255)
- HSL
- hsl(267 100% 98%)
- OKLCH
- oklch(0.979 0.013 306)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.69:1 (AAA)
- #B7AAD9 color page →
surface
#B7AAD9
- RGB
- rgb(183 170 217)
- HSL
- hsl(257 38% 76%)
- OKLCH
- oklch(0.765 0.068 297.5)
WCAG contrast: on white 2.15:1 (Fail) · on black 9.76:1 (AAA)
- #8844D8 color page →
accent
#8844D8
- RGB
- rgb(136 68 216)
- HSL
- hsl(268 65% 56%)
- OKLCH
- oklch(0.548 0.215 300.4)
WCAG contrast: on white 5.43:1 (AA) · on black 3.86:1 (Fail)
- #16121F color page →
text
#16121F
- RGB
- rgb(22 18 31)
- HSL
- hsl(258 27% 10%)
- OKLCH
- oklch(0.194 0.026 298)
WCAG contrast: on white 18.41:1 (AAA) · on black 1.14:1 (Fail)
Export Classic Purple Rain Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #faf6ff;
--surface: #b7aad9;
--accent: #8844d8;
--text: #16121f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #faf6ff;
--color-surface: #b7aad9;
--color-accent: #8844d8;
--color-text: #16121f;
}JSON (DTCG tokens)
{
"classic-purple-rain-harbor-17j": {
"bg": {
"$type": "color",
"$value": "#faf6ff"
},
"surface": {
"$type": "color",
"$value": "#b7aad9"
},
"accent": {
"$type": "color",
"$value": "#8844d8"
},
"text": {
"$type": "color",
"$value": "#16121f"
}
}
}About this palette
Classic Purple Rain Harbor is a 4-color OKLCH-ready palette tagged pink, ui system, 4 colors. Hex values: #FAF6FF, #B7AAD9, #8844D8, #16121F. APCA contrast score Lc 9.8. 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 Classic Purple Rain Harbor by OKLab color distance.