Palette · 10 colors · Lc 8.9
Steady Arcane Brew Atelier palette
Steady Arcane Brew Atelier: a 10-color palette (Pink, Rainbow, 10 Colors). HEX, RGB, HSL and OKLCH for #E1E4EC, #8A9FEC, #585DDA, #AA3EA2, #B1363A, #974400, #5D7000, #00754A, #00465B, #0D0F16, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E1E4EC
surface
#8A9FEC
muted
#585DDA
primary
#AA3EA2
secondary
#B1363A
accent
#974400
highlight
#5D7000
border
#00754A
focus
#00465B
text
#0D0F16
Colors in Steady Arcane Brew Atelier: HEX, RGB, HSL & OKLCH
- #E1E4EC color page →
bg
#E1E4EC
- RGB
- rgb(225 228 236)
- HSL
- hsl(224 22% 90%)
- OKLCH
- oklch(0.919 0.011 269.5)
WCAG contrast: on white 1.27:1 (Fail) · on black 16.51:1 (AAA)
- #8A9FEC color page →
surface
#8A9FEC
- RGB
- rgb(138 159 236)
- HSL
- hsl(227 72% 73%)
- OKLCH
- oklch(0.717 0.115 271.6)
WCAG contrast: on white 2.54:1 (Fail) · on black 8.25:1 (AAA)
- #585DDA color page →
muted
#585DDA
- RGB
- rgb(88 93 218)
- HSL
- hsl(238 64% 60%)
- OKLCH
- oklch(0.545 0.188 276.5)
WCAG contrast: on white 5.25:1 (AA) · on black 3.99:1 (Fail)
- #AA3EA2 color page →
primary
#AA3EA2
- RGB
- rgb(170 62 162)
- HSL
- hsl(304 47% 45%)
- OKLCH
- oklch(0.55 0.183 330.8)
WCAG contrast: on white 5.35:1 (AA) · on black 3.91:1 (Fail)
- #B1363A color page →
secondary
#B1363A
- RGB
- rgb(177 54 58)
- HSL
- hsl(358 53% 45%)
- OKLCH
- oklch(0.516 0.159 22.9)
WCAG contrast: on white 6.07:1 (AA) · on black 3.45:1 (Fail)
- #974400 color page →
accent
#974400
- RGB
- rgb(151 68 0)
- HSL
- hsl(27 100% 30%)
- OKLCH
- oklch(0.487 0.129 49.6)
WCAG contrast: on white 6.68:1 (AA) · on black 3.14:1 (Fail)
- #5D7000 color page →
highlight
#5D7000
- RGB
- rgb(93 112 0)
- HSL
- hsl(70 100% 22%)
- OKLCH
- oklch(0.511 0.122 120.7)
WCAG contrast: on white 5.55:1 (AA) · on black 3.78:1 (Fail)
- #00754A color page →
border
#00754A
- RGB
- rgb(0 117 74)
- HSL
- hsl(158 100% 23%)
- OKLCH
- oklch(0.496 0.114 159.3)
WCAG contrast: on white 5.76:1 (AA) · on black 3.64:1 (Fail)
- #00465B color page →
focus
#00465B
- RGB
- rgb(0 70 91)
- HSL
- hsl(194 100% 18%)
- OKLCH
- oklch(0.367 0.07 225.9)
WCAG contrast: on white 10.35:1 (AAA) · on black 2.02:1 (Fail)
- #0D0F16 color page →
text
#0D0F16
- RGB
- rgb(13 15 22)
- HSL
- hsl(227 26% 7%)
- OKLCH
- oklch(0.17 0.015 272.3)
WCAG contrast: on white 19.14:1 (AAA) · on black 1.09:1 (Fail)
Export Steady Arcane Brew Atelier: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e1e4ec;
--surface: #8a9fec;
--muted: #585dda;
--primary: #aa3ea2;
--secondary: #b1363a;
--accent: #974400;
--highlight: #5d7000;
--border: #00754a;
--focus: #00465b;
--text: #0d0f16;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e1e4ec;
--color-surface: #8a9fec;
--color-muted: #585dda;
--color-primary: #aa3ea2;
--color-secondary: #b1363a;
--color-accent: #974400;
--color-highlight: #5d7000;
--color-border: #00754a;
--color-focus: #00465b;
--color-text: #0d0f16;
}JSON (DTCG tokens)
{
"steady-arcane-brew-atelier-6c0": {
"bg": {
"$type": "color",
"$value": "#e1e4ec"
},
"surface": {
"$type": "color",
"$value": "#8a9fec"
},
"muted": {
"$type": "color",
"$value": "#585dda"
},
"primary": {
"$type": "color",
"$value": "#aa3ea2"
},
"secondary": {
"$type": "color",
"$value": "#b1363a"
},
"accent": {
"$type": "color",
"$value": "#974400"
},
"highlight": {
"$type": "color",
"$value": "#5d7000"
},
"border": {
"$type": "color",
"$value": "#00754a"
},
"focus": {
"$type": "color",
"$value": "#00465b"
},
"text": {
"$type": "color",
"$value": "#0d0f16"
}
}
}About this palette
Steady Arcane Brew Atelier is a 10-color OKLCH-ready palette tagged pink, rainbow, 10 colors. Hex values: #E1E4EC, #8A9FEC, #585DDA, #AA3EA2, #B1363A, #974400, #5D7000, #00754A, #00465B, #0D0F16. APCA contrast score Lc 8.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 Steady Arcane Brew Atelier by OKLab color distance.