Palette · 8 colors · Lc 10
Classic Hokkaido Lavender Prism palette
Classic Hokkaido Lavender Prism: a 8-color palette (Pink, 8 Colors). HEX, RGB, HSL and OKLCH for #0F051F, #29064C, #50048D, #7834CE, #9152E3, #B18EFF, #D3B5FF, #F2EFFF, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 8 Colors
bg
#0F051F
surface
#29064C
muted
#50048D
primary
#7834CE
secondary
#9152E3
accent
#B18EFF
highlight
#D3B5FF
text
#F2EFFF
Colors in Classic Hokkaido Lavender Prism: HEX, RGB, HSL & OKLCH
- #0F051F color page →
bg
#0F051F
- RGB
- rgb(15 5 31)
- HSL
- hsl(263 72% 7%)
- OKLCH
- oklch(0.152 0.055 298.4)
WCAG contrast: on white 19.77:1 (AAA) · on black 1.06:1 (Fail)
- #29064C color page →
surface
#29064C
- RGB
- rgb(41 6 76)
- HSL
- hsl(270 85% 16%)
- OKLCH
- oklch(0.239 0.116 299.8)
WCAG contrast: on white 17.14:1 (AAA) · on black 1.22:1 (Fail)
- #50048D color page →
muted
#50048D
- RGB
- rgb(80 4 141)
- HSL
- hsl(273 94% 28%)
- OKLCH
- oklch(0.359 0.188 300.5)
WCAG contrast: on white 12.04:1 (AAA) · on black 1.74:1 (Fail)
- #7834CE color page →
primary
#7834CE
- RGB
- rgb(120 52 206)
- HSL
- hsl(266 61% 51%)
- OKLCH
- oklch(0.504 0.22 298)
WCAG contrast: on white 6.60:1 (AA) · on black 3.18:1 (Fail)
- #9152E3 color page →
secondary
#9152E3
- RGB
- rgb(145 82 227)
- HSL
- hsl(266 72% 61%)
- OKLCH
- oklch(0.584 0.211 299.8)
WCAG contrast: on white 4.64:1 (AA) · on black 4.52:1 (AA)
- #B18EFF color page →
accent
#B18EFF
- RGB
- rgb(177 142 255)
- HSL
- hsl(259 100% 78%)
- OKLCH
- oklch(0.726 0.162 296.4)
WCAG contrast: on white 2.56:1 (Fail) · on black 8.18:1 (AAA)
- #D3B5FF color page →
highlight
#D3B5FF
- RGB
- rgb(211 181 255)
- HSL
- hsl(264 100% 85%)
- OKLCH
- oklch(0.825 0.106 302.7)
WCAG contrast: on white 1.77:1 (Fail) · on black 11.82:1 (AAA)
- #F2EFFF color page →
text
#F2EFFF
- RGB
- rgb(242 239 255)
- HSL
- hsl(251 100% 97%)
- OKLCH
- oklch(0.959 0.022 294.6)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.56:1 (AAA)
Export Classic Hokkaido Lavender Prism: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0f051f;
--surface: #29064c;
--muted: #50048d;
--primary: #7834ce;
--secondary: #9152e3;
--accent: #b18eff;
--highlight: #d3b5ff;
--text: #f2efff;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0f051f;
--color-surface: #29064c;
--color-muted: #50048d;
--color-primary: #7834ce;
--color-secondary: #9152e3;
--color-accent: #b18eff;
--color-highlight: #d3b5ff;
--color-text: #f2efff;
}JSON (DTCG tokens)
{
"classic-hokkaido-lavender-prism-1vp": {
"bg": {
"$type": "color",
"$value": "#0f051f"
},
"surface": {
"$type": "color",
"$value": "#29064c"
},
"muted": {
"$type": "color",
"$value": "#50048d"
},
"primary": {
"$type": "color",
"$value": "#7834ce"
},
"secondary": {
"$type": "color",
"$value": "#9152e3"
},
"accent": {
"$type": "color",
"$value": "#b18eff"
},
"highlight": {
"$type": "color",
"$value": "#d3b5ff"
},
"text": {
"$type": "color",
"$value": "#f2efff"
}
}
}About this palette
Classic Hokkaido Lavender Prism is a 8-color OKLCH-ready palette tagged pink, 8 colors. Hex values: #0F051F, #29064C, #50048D, #7834CE, #9152E3, #B18EFF, #D3B5FF, #F2EFFF. APCA contrast score Lc 10. 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 Hokkaido Lavender Prism by OKLab color distance.