Palette · 9 colors · Lc 8.8
Atomic Arcane Brew Atelier palette
Atomic Arcane Brew Atelier: a 9-color palette (Pink, Rainbow, 9 Colors). HEX, RGB, HSL and OKLCH for #D8E6E9, #00BBDA, #0084B8, #4C5BF1, #9D2499, #C62317, #7D5600, #004B1C, #001016, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D8E6E9
surface
#00BBDA
muted
#0084B8
primary
#4C5BF1
secondary
#9D2499
accent
#C62317
highlight
#7D5600
border
#004B1C
text
#001016
Colors in Atomic Arcane Brew Atelier: HEX, RGB, HSL & OKLCH
- #D8E6E9 color page →
bg
#D8E6E9
- RGB
- rgb(216 230 233)
- HSL
- hsl(191 28% 88%)
- OKLCH
- oklch(0.915 0.016 212)
WCAG contrast: on white 1.27:1 (Fail) · on black 16.41:1 (AAA)
- #00BBDA color page →
surface
#00BBDA
- RGB
- rgb(0 187 218)
- HSL
- hsl(189 100% 43%)
- OKLCH
- oklch(0.729 0.129 215.3)
WCAG contrast: on white 2.30:1 (Fail) · on black 9.12:1 (AAA)
- #0084B8 color page →
muted
#0084B8
- RGB
- rgb(0 132 184)
- HSL
- hsl(197 100% 36%)
- OKLCH
- oklch(0.579 0.123 235.2)
WCAG contrast: on white 4.20:1 (Fail) · on black 4.99:1 (AA)
- #4C5BF1 color page →
primary
#4C5BF1
- RGB
- rgb(76 91 241)
- HSL
- hsl(235 85% 62%)
- OKLCH
- oklch(0.552 0.222 272.4)
WCAG contrast: on white 5.15:1 (AA) · on black 4.07:1 (Fail)
- #9D2499 color page →
secondary
#9D2499
- RGB
- rgb(157 36 153)
- HSL
- hsl(302 63% 38%)
- OKLCH
- oklch(0.502 0.2 329.5)
WCAG contrast: on white 6.67:1 (AA) · on black 3.14:1 (Fail)
- #C62317 color page →
accent
#C62317
- RGB
- rgb(198 35 23)
- HSL
- hsl(4 79% 43%)
- OKLCH
- oklch(0.534 0.199 29.6)
WCAG contrast: on white 5.74:1 (AA) · on black 3.65:1 (Fail)
- #7D5600 color page →
highlight
#7D5600
- RGB
- rgb(125 86 0)
- HSL
- hsl(41 100% 25%)
- OKLCH
- oklch(0.483 0.101 78.2)
WCAG contrast: on white 6.55:1 (AA) · on black 3.20:1 (Fail)
- #004B1C color page →
border
#004B1C
- RGB
- rgb(0 75 28)
- HSL
- hsl(142 100% 15%)
- OKLCH
- oklch(0.36 0.102 149)
WCAG contrast: on white 10.37:1 (AAA) · on black 2.02:1 (Fail)
- #001016 color page →
text
#001016
- RGB
- rgb(0 16 22)
- HSL
- hsl(196 100% 4%)
- OKLCH
- oklch(0.16 0.029 220.6)
WCAG contrast: on white 19.34:1 (AAA) · on black 1.08:1 (Fail)
Export Atomic Arcane Brew Atelier: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d8e6e9;
--surface: #00bbda;
--muted: #0084b8;
--primary: #4c5bf1;
--secondary: #9d2499;
--accent: #c62317;
--highlight: #7d5600;
--border: #004b1c;
--text: #001016;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d8e6e9;
--color-surface: #00bbda;
--color-muted: #0084b8;
--color-primary: #4c5bf1;
--color-secondary: #9d2499;
--color-accent: #c62317;
--color-highlight: #7d5600;
--color-border: #004b1c;
--color-text: #001016;
}JSON (DTCG tokens)
{
"atomic-arcane-brew-atelier-72n": {
"bg": {
"$type": "color",
"$value": "#d8e6e9"
},
"surface": {
"$type": "color",
"$value": "#00bbda"
},
"muted": {
"$type": "color",
"$value": "#0084b8"
},
"primary": {
"$type": "color",
"$value": "#4c5bf1"
},
"secondary": {
"$type": "color",
"$value": "#9d2499"
},
"accent": {
"$type": "color",
"$value": "#c62317"
},
"highlight": {
"$type": "color",
"$value": "#7d5600"
},
"border": {
"$type": "color",
"$value": "#004b1c"
},
"text": {
"$type": "color",
"$value": "#001016"
}
}
}About this palette
Atomic Arcane Brew Atelier is a 9-color OKLCH-ready palette tagged pink, rainbow, 9 colors. Hex values: #D8E6E9, #00BBDA, #0084B8, #4C5BF1, #9D2499, #C62317, #7D5600, #004B1C, #001016. 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 Atelier by OKLab color distance.