Palette · 8 colors · Lc 8.6
Atomic Arcane Brew Archive palette
Atomic Arcane Brew Archive: a 8-color palette (Pink, 8 Colors). HEX, RGB, HSL and OKLCH for #E8EEFF, #CDD0FF, #AAACFF, #8382FF, #585BF2, #3A41A4, #22225B, #080B20, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 8 Colors
bg
#E8EEFF
surface
#CDD0FF
muted
#AAACFF
primary
#8382FF
secondary
#585BF2
accent
#3A41A4
highlight
#22225B
text
#080B20
Colors in Atomic Arcane Brew Archive: HEX, RGB, HSL & OKLCH
- #E8EEFF color page →
bg
#E8EEFF
- RGB
- rgb(232 238 255)
- HSL
- hsl(224 100% 95%)
- OKLCH
- oklch(0.95 0.024 270.3)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.10:1 (AAA)
- #CDD0FF color page →
surface
#CDD0FF
- RGB
- rgb(205 208 255)
- HSL
- hsl(236 100% 90%)
- OKLCH
- oklch(0.871 0.065 282.1)
WCAG contrast: on white 1.49:1 (Fail) · on black 14.06:1 (AAA)
- #AAACFF color page →
muted
#AAACFF
- RGB
- rgb(170 172 255)
- HSL
- hsl(239 100% 83%)
- OKLCH
- oklch(0.775 0.118 282.2)
WCAG contrast: on white 2.08:1 (Fail) · on black 10.05:1 (AAA)
- #8382FF color page →
primary
#8382FF
- RGB
- rgb(131 130 255)
- HSL
- hsl(240 100% 75%)
- OKLCH
- oklch(0.667 0.181 280.7)
WCAG contrast: on white 3.18:1 (Fail) · on black 6.60:1 (AA)
- #585BF2 color page →
secondary
#585BF2
- RGB
- rgb(88 91 242)
- HSL
- hsl(239 86% 65%)
- OKLCH
- oklch(0.56 0.221 275.7)
WCAG contrast: on white 5.00:1 (AA) · on black 4.19:1 (Fail)
- #3A41A4 color page →
accent
#3A41A4
- RGB
- rgb(58 65 164)
- HSL
- hsl(236 48% 44%)
- OKLCH
- oklch(0.431 0.157 274.6)
WCAG contrast: on white 8.49:1 (AAA) · on black 2.47:1 (Fail)
- #22225B color page →
highlight
#22225B
- RGB
- rgb(34 34 91)
- HSL
- hsl(240 46% 25%)
- OKLCH
- oklch(0.29 0.1 278.2)
WCAG contrast: on white 14.50:1 (AAA) · on black 1.44:1 (Fail)
- #080B20 color page →
text
#080B20
- RGB
- rgb(8 11 32)
- HSL
- hsl(233 60% 8%)
- OKLCH
- oklch(0.161 0.044 274)
WCAG contrast: on white 19.46:1 (AAA) · on black 1.07:1 (Fail)
Export Atomic Arcane Brew Archive: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e8eeff;
--surface: #cdd0ff;
--muted: #aaacff;
--primary: #8382ff;
--secondary: #585bf2;
--accent: #3a41a4;
--highlight: #22225b;
--text: #080b20;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e8eeff;
--color-surface: #cdd0ff;
--color-muted: #aaacff;
--color-primary: #8382ff;
--color-secondary: #585bf2;
--color-accent: #3a41a4;
--color-highlight: #22225b;
--color-text: #080b20;
}JSON (DTCG tokens)
{
"atomic-arcane-brew-archive-3rf": {
"bg": {
"$type": "color",
"$value": "#e8eeff"
},
"surface": {
"$type": "color",
"$value": "#cdd0ff"
},
"muted": {
"$type": "color",
"$value": "#aaacff"
},
"primary": {
"$type": "color",
"$value": "#8382ff"
},
"secondary": {
"$type": "color",
"$value": "#585bf2"
},
"accent": {
"$type": "color",
"$value": "#3a41a4"
},
"highlight": {
"$type": "color",
"$value": "#22225b"
},
"text": {
"$type": "color",
"$value": "#080b20"
}
}
}About this palette
Atomic Arcane Brew Archive is a 8-color OKLCH-ready palette tagged pink, 8 colors. Hex values: #E8EEFF, #CDD0FF, #AAACFF, #8382FF, #585BF2, #3A41A4, #22225B, #080B20. 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 Atomic Arcane Brew Archive by OKLab color distance.