Palette · 10 colors · Lc 8.8
Atomic Arcane Brew Noir palette
Atomic Arcane Brew Noir: a 10-color palette (Violet, Cold, 10 Colors). HEX, RGB, HSL and OKLCH for #E2E6EF, #B9D7FF, #63BDFF, #3A9FFF, #3C81FF, #405DF0, #3E3DC9, #33209C, #171F72, #040D37, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E2E6EF
surface
#B9D7FF
muted
#63BDFF
primary
#3A9FFF
secondary
#3C81FF
accent
#405DF0
highlight
#3E3DC9
border
#33209C
focus
#171F72
text
#040D37
Colors in Atomic Arcane Brew Noir: HEX, RGB, HSL & OKLCH
- #E2E6EF color page →
bg
#E2E6EF
- RGB
- rgb(226 230 239)
- HSL
- hsl(222 29% 91%)
- OKLCH
- oklch(0.925 0.013 266.7)
WCAG contrast: on white 1.25:1 (Fail) · on black 16.79:1 (AAA)
- #B9D7FF color page →
surface
#B9D7FF
- RGB
- rgb(185 215 255)
- HSL
- hsl(214 100% 86%)
- OKLCH
- oklch(0.871 0.064 255.7)
WCAG contrast: on white 1.47:1 (Fail) · on black 14.22:1 (AAA)
- #63BDFF color page →
muted
#63BDFF
- RGB
- rgb(99 189 255)
- HSL
- hsl(205 100% 69%)
- OKLCH
- oklch(0.77 0.128 242.7)
WCAG contrast: on white 2.04:1 (Fail) · on black 10.25:1 (AAA)
- #3A9FFF color page →
primary
#3A9FFF
- RGB
- rgb(58 159 255)
- HSL
- hsl(209 100% 61%)
- OKLCH
- oklch(0.69 0.169 250.8)
WCAG contrast: on white 2.76:1 (Fail) · on black 7.58:1 (AAA)
- #3C81FF color page →
secondary
#3C81FF
- RGB
- rgb(60 129 255)
- HSL
- hsl(219 100% 62%)
- OKLCH
- oklch(0.628 0.2 261.2)
WCAG contrast: on white 3.63:1 (Fail) · on black 5.77:1 (AA)
- #405DF0 color page →
accent
#405DF0
- RGB
- rgb(64 93 240)
- HSL
- hsl(230 85% 60%)
- OKLCH
- oklch(0.549 0.222 269)
WCAG contrast: on white 5.19:1 (AA) · on black 4.04:1 (Fail)
- #3E3DC9 color page →
highlight
#3E3DC9
- RGB
- rgb(62 61 201)
- HSL
- hsl(240 56% 51%)
- OKLCH
- oklch(0.46 0.209 274.7)
WCAG contrast: on white 7.73:1 (AAA) · on black 2.71:1 (Fail)
- #33209C color page →
border
#33209C
- RGB
- rgb(51 32 156)
- HSL
- hsl(249 66% 37%)
- OKLCH
- oklch(0.366 0.186 278.9)
WCAG contrast: on white 11.49:1 (AAA) · on black 1.82:1 (Fail)
- #171F72 color page →
focus
#171F72
- RGB
- rgb(23 31 114)
- HSL
- hsl(235 66% 27%)
- OKLCH
- oklch(0.299 0.14 270.4)
WCAG contrast: on white 14.23:1 (AAA) · on black 1.47:1 (Fail)
- #040D37 color page →
text
#040D37
- RGB
- rgb(4 13 55)
- HSL
- hsl(229 86% 12%)
- OKLCH
- oklch(0.186 0.083 266.6)
WCAG contrast: on white 18.78:1 (AAA) · on black 1.11:1 (Fail)
Export Atomic Arcane Brew Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e2e6ef;
--surface: #b9d7ff;
--muted: #63bdff;
--primary: #3a9fff;
--secondary: #3c81ff;
--accent: #405df0;
--highlight: #3e3dc9;
--border: #33209c;
--focus: #171f72;
--text: #040d37;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e2e6ef;
--color-surface: #b9d7ff;
--color-muted: #63bdff;
--color-primary: #3a9fff;
--color-secondary: #3c81ff;
--color-accent: #405df0;
--color-highlight: #3e3dc9;
--color-border: #33209c;
--color-focus: #171f72;
--color-text: #040d37;
}JSON (DTCG tokens)
{
"atomic-arcane-brew-noir-7he": {
"bg": {
"$type": "color",
"$value": "#e2e6ef"
},
"surface": {
"$type": "color",
"$value": "#b9d7ff"
},
"muted": {
"$type": "color",
"$value": "#63bdff"
},
"primary": {
"$type": "color",
"$value": "#3a9fff"
},
"secondary": {
"$type": "color",
"$value": "#3c81ff"
},
"accent": {
"$type": "color",
"$value": "#405df0"
},
"highlight": {
"$type": "color",
"$value": "#3e3dc9"
},
"border": {
"$type": "color",
"$value": "#33209c"
},
"focus": {
"$type": "color",
"$value": "#171f72"
},
"text": {
"$type": "color",
"$value": "#040d37"
}
}
}About this palette
Atomic Arcane Brew Noir is a 10-color OKLCH-ready palette tagged violet, cold, 10 colors. Hex values: #E2E6EF, #B9D7FF, #63BDFF, #3A9FFF, #3C81FF, #405DF0, #3E3DC9, #33209C, #171F72, #040D37. APCA contrast score Lc 8.8. 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 Noir by OKLab color distance.