Palette · 6 colors · Lc 8.7
Electric Hokkaido Lavender Canvas palette
Electric Hokkaido Lavender Canvas: a 6-color palette (Pink, Dark Mode UI, UI System, 6 Colors). HEX, RGB, HSL and OKLCH for #08070C, #1B1725, #342D45, #8039E4, #D28BD3, #F0F0F1, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- Dark Mode UI
- UI System
- 6 Colors
bg
#08070C
surface
#1B1725
muted
#342D45
primary
#8039E4
accent
#D28BD3
text
#F0F0F1
Colors in Electric Hokkaido Lavender Canvas: HEX, RGB, HSL & OKLCH
- #08070C color page →
bg
#08070C
- RGB
- rgb(8 7 12)
- HSL
- hsl(252 26% 4%)
- OKLCH
- oklch(0.133 0.012 295)
WCAG contrast: on white 20.07:1 (AAA) · on black 1.04:1 (Fail)
- #1B1725 color page →
surface
#1B1725
- RGB
- rgb(27 23 37)
- HSL
- hsl(257 23% 12%)
- OKLCH
- oklch(0.216 0.028 297.2)
WCAG contrast: on white 17.56:1 (AAA) · on black 1.19:1 (Fail)
- #342D45 color page →
muted
#342D45
- RGB
- rgb(52 45 69)
- HSL
- hsl(258 21% 22%)
- OKLCH
- oklch(0.316 0.043 297.3)
WCAG contrast: on white 13.06:1 (AAA) · on black 1.60:1 (Fail)
- #8039E4 color page →
primary
#8039E4
- RGB
- rgb(128 57 228)
- HSL
- hsl(265 76% 56%)
- OKLCH
- oklch(0.537 0.238 296.2)
WCAG contrast: on white 5.79:1 (AA) · on black 3.62:1 (Fail)
- #D28BD3 color page →
accent
#D28BD3
- RGB
- rgb(210 139 211)
- HSL
- hsl(299 45% 69%)
- OKLCH
- oklch(0.732 0.128 326.3)
WCAG contrast: on white 2.50:1 (Fail) · on black 8.37:1 (AAA)
- #F0F0F1 color page →
text
#F0F0F1
- RGB
- rgb(240 240 241)
- HSL
- hsl(240 3% 94%)
- OKLCH
- oklch(0.955 0.001 286.4)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.43:1 (AAA)
Export Electric Hokkaido Lavender Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #08070c;
--surface: #1b1725;
--muted: #342d45;
--primary: #8039e4;
--accent: #d28bd3;
--text: #f0f0f1;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #08070c;
--color-surface: #1b1725;
--color-muted: #342d45;
--color-primary: #8039e4;
--color-accent: #d28bd3;
--color-text: #f0f0f1;
}JSON (DTCG tokens)
{
"electric-hokkaido-lavender-canvas-3vk": {
"bg": {
"$type": "color",
"$value": "#08070c"
},
"surface": {
"$type": "color",
"$value": "#1b1725"
},
"muted": {
"$type": "color",
"$value": "#342d45"
},
"primary": {
"$type": "color",
"$value": "#8039e4"
},
"accent": {
"$type": "color",
"$value": "#d28bd3"
},
"text": {
"$type": "color",
"$value": "#f0f0f1"
}
}
}About this palette
Electric Hokkaido Lavender Canvas is a 6-color OKLCH-ready palette tagged pink, dark mode ui, ui system, 6 colors. Hex values: #08070C, #1B1725, #342D45, #8039E4, #D28BD3, #F0F0F1. APCA contrast score Lc 8.7. 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 Electric Hokkaido Lavender Canvas by OKLab color distance.