Palette · 8 colors · Lc 8.6
Arcane Brew Harbor palette
Arcane Brew Harbor: a 8-color palette (Pink, 8 Colors). HEX, RGB, HSL and OKLCH for #090619, #2D165F, #381D90, #5C4DD2, #6966EE, #8BA3FF, #AECBFF, #E9EBFF, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 8 Colors
bg
#090619
surface
#2D165F
muted
#381D90
primary
#5C4DD2
secondary
#6966EE
accent
#8BA3FF
highlight
#AECBFF
text
#E9EBFF
Colors in Arcane Brew Harbor: HEX, RGB, HSL & OKLCH
- #090619 color page →
bg
#090619
- RGB
- rgb(9 6 25)
- HSL
- hsl(249 61% 6%)
- OKLCH
- oklch(0.141 0.041 288.3)
WCAG contrast: on white 19.96:1 (AAA) · on black 1.05:1 (Fail)
- #2D165F color page →
surface
#2D165F
- RGB
- rgb(45 22 95)
- HSL
- hsl(259 62% 23%)
- OKLCH
- oklch(0.283 0.121 291.1)
WCAG contrast: on white 15.09:1 (AAA) · on black 1.39:1 (Fail)
- #381D90 color page →
muted
#381D90
- RGB
- rgb(56 29 144)
- HSL
- hsl(254 66% 34%)
- OKLCH
- oklch(0.354 0.173 283.9)
WCAG contrast: on white 12.02:1 (AAA) · on black 1.74:1 (Fail)
- #5C4DD2 color page →
primary
#5C4DD2
- RGB
- rgb(92 77 210)
- HSL
- hsl(247 60% 56%)
- OKLCH
- oklch(0.514 0.196 282.1)
WCAG contrast: on white 6.09:1 (AA) · on black 3.44:1 (Fail)
- #6966EE color page →
secondary
#6966EE
- RGB
- rgb(105 102 238)
- HSL
- hsl(241 80% 67%)
- OKLCH
- oklch(0.587 0.199 279.3)
WCAG contrast: on white 4.43:1 (Fail) · on black 4.73:1 (AA)
- #8BA3FF color page →
accent
#8BA3FF
- RGB
- rgb(139 163 255)
- HSL
- hsl(228 100% 77%)
- OKLCH
- oklch(0.735 0.136 271.6)
WCAG contrast: on white 2.39:1 (Fail) · on black 8.78:1 (AAA)
- #AECBFF color page →
highlight
#AECBFF
- RGB
- rgb(174 203 255)
- HSL
- hsl(219 100% 84%)
- OKLCH
- oklch(0.839 0.08 262)
WCAG contrast: on white 1.64:1 (Fail) · on black 12.78:1 (AAA)
- #E9EBFF color page →
text
#E9EBFF
- RGB
- rgb(233 235 255)
- HSL
- hsl(235 100% 96%)
- OKLCH
- oklch(0.944 0.027 281.3)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.79:1 (AAA)
Export Arcane Brew Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #090619;
--surface: #2d165f;
--muted: #381d90;
--primary: #5c4dd2;
--secondary: #6966ee;
--accent: #8ba3ff;
--highlight: #aecbff;
--text: #e9ebff;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #090619;
--color-surface: #2d165f;
--color-muted: #381d90;
--color-primary: #5c4dd2;
--color-secondary: #6966ee;
--color-accent: #8ba3ff;
--color-highlight: #aecbff;
--color-text: #e9ebff;
}JSON (DTCG tokens)
{
"arcane-brew-harbor-6y5": {
"bg": {
"$type": "color",
"$value": "#090619"
},
"surface": {
"$type": "color",
"$value": "#2d165f"
},
"muted": {
"$type": "color",
"$value": "#381d90"
},
"primary": {
"$type": "color",
"$value": "#5c4dd2"
},
"secondary": {
"$type": "color",
"$value": "#6966ee"
},
"accent": {
"$type": "color",
"$value": "#8ba3ff"
},
"highlight": {
"$type": "color",
"$value": "#aecbff"
},
"text": {
"$type": "color",
"$value": "#e9ebff"
}
}
}About this palette
Arcane Brew Harbor is a 8-color OKLCH-ready palette tagged pink, 8 colors. Hex values: #090619, #2D165F, #381D90, #5C4DD2, #6966EE, #8BA3FF, #AECBFF, #E9EBFF. 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 Arcane Brew Harbor by OKLab color distance.