Palette · 9 colors · Lc 9.9
Arcane Brew Brief palette
Arcane Brew Brief: a 9-color palette (Pink, 9 Colors). HEX, RGB, HSL and OKLCH for #EEF6FF, #B6C8FF, #82A8FF, #677CFF, #5B5FED, #4534B9, #352295, #181659, #040317, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 9 Colors
bg
#EEF6FF
surface
#B6C8FF
muted
#82A8FF
primary
#677CFF
secondary
#5B5FED
accent
#4534B9
highlight
#352295
border
#181659
text
#040317
Colors in Arcane Brew Brief: HEX, RGB, HSL & OKLCH
- #EEF6FF color page →
bg
#EEF6FF
- RGB
- rgb(238 246 255)
- HSL
- hsl(212 100% 97%)
- OKLCH
- oklch(0.97 0.015 251.2)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.26:1 (AAA)
- #B6C8FF color page →
surface
#B6C8FF
- RGB
- rgb(182 200 255)
- HSL
- hsl(225 100% 86%)
- OKLCH
- oklch(0.838 0.08 270.5)
WCAG contrast: on white 1.65:1 (Fail) · on black 12.69:1 (AAA)
- #82A8FF color page →
muted
#82A8FF
- RGB
- rgb(130 168 255)
- HSL
- hsl(222 100% 75%)
- OKLCH
- oklch(0.74 0.133 265.4)
WCAG contrast: on white 2.33:1 (Fail) · on black 8.99:1 (AAA)
- #677CFF color page →
primary
#677CFF
- RGB
- rgb(103 124 255)
- HSL
- hsl(232 100% 70%)
- OKLCH
- oklch(0.638 0.194 272.8)
WCAG contrast: on white 3.55:1 (Fail) · on black 5.90:1 (AA)
- #5B5FED color page →
secondary
#5B5FED
- RGB
- rgb(91 95 237)
- HSL
- hsl(238 80% 64%)
- OKLCH
- oklch(0.565 0.209 276.2)
WCAG contrast: on white 4.87:1 (AA) · on black 4.30:1 (Fail)
- #4534B9 color page →
accent
#4534B9
- RGB
- rgb(69 52 185)
- HSL
- hsl(248 56% 46%)
- OKLCH
- oklch(0.436 0.198 280.1)
WCAG contrast: on white 8.58:1 (AAA) · on black 2.44:1 (Fail)
- #352295 color page →
highlight
#352295
- RGB
- rgb(53 34 149)
- HSL
- hsl(250 63% 36%)
- OKLCH
- oklch(0.363 0.175 280.7)
WCAG contrast: on white 11.57:1 (AAA) · on black 1.81:1 (Fail)
- #181659 color page →
border
#181659
- RGB
- rgb(24 22 89)
- HSL
- hsl(242 60% 22%)
- OKLCH
- oklch(0.257 0.116 275.8)
WCAG contrast: on white 16.18:1 (AAA) · on black 1.29:1 (Fail)
- #040317 color page →
text
#040317
- RGB
- rgb(4 3 23)
- HSL
- hsl(243 77% 5%)
- OKLCH
- oklch(0.119 0.048 280.1)
WCAG contrast: on white 20.37:1 (AAA) · on black 1.03:1 (Fail)
Export Arcane Brew Brief: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eef6ff;
--surface: #b6c8ff;
--muted: #82a8ff;
--primary: #677cff;
--secondary: #5b5fed;
--accent: #4534b9;
--highlight: #352295;
--border: #181659;
--text: #040317;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eef6ff;
--color-surface: #b6c8ff;
--color-muted: #82a8ff;
--color-primary: #677cff;
--color-secondary: #5b5fed;
--color-accent: #4534b9;
--color-highlight: #352295;
--color-border: #181659;
--color-text: #040317;
}JSON (DTCG tokens)
{
"arcane-brew-brief-7b3": {
"bg": {
"$type": "color",
"$value": "#eef6ff"
},
"surface": {
"$type": "color",
"$value": "#b6c8ff"
},
"muted": {
"$type": "color",
"$value": "#82a8ff"
},
"primary": {
"$type": "color",
"$value": "#677cff"
},
"secondary": {
"$type": "color",
"$value": "#5b5fed"
},
"accent": {
"$type": "color",
"$value": "#4534b9"
},
"highlight": {
"$type": "color",
"$value": "#352295"
},
"border": {
"$type": "color",
"$value": "#181659"
},
"text": {
"$type": "color",
"$value": "#040317"
}
}
}About this palette
Arcane Brew Brief is a 9-color OKLCH-ready palette tagged pink, 9 colors. Hex values: #EEF6FF, #B6C8FF, #82A8FF, #677CFF, #5B5FED, #4534B9, #352295, #181659, #040317. APCA contrast score Lc 9.9. 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 Brief by OKLab color distance.