Palette · 10 colors · Lc 8
True Arcane Brew Beacon palette
True Arcane Brew Beacon: a 10-color palette (Pink, Rainbow, 10 Colors). HEX, RGB, HSL and OKLCH for #DCE5E8, #63CAF0, #0092DF, #5960F1, #B3309B, #BB0833, #BD3600, #825800, #004113, #011015, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DCE5E8
surface
#63CAF0
muted
#0092DF
primary
#5960F1
secondary
#B3309B
accent
#BB0833
highlight
#BD3600
border
#825800
focus
#004113
text
#011015
Colors in True Arcane Brew Beacon: HEX, RGB, HSL & OKLCH
- #DCE5E8 color page →
bg
#DCE5E8
- RGB
- rgb(220 229 232)
- HSL
- hsl(195 21% 89%)
- OKLCH
- oklch(0.916 0.011 219.6)
WCAG contrast: on white 1.27:1 (Fail) · on black 16.41:1 (AAA)
- #63CAF0 color page →
surface
#63CAF0
- RGB
- rgb(99 202 240)
- HSL
- hsl(196 82% 66%)
- OKLCH
- oklch(0.792 0.109 225)
WCAG contrast: on white 1.86:1 (Fail) · on black 11.23:1 (AAA)
- #0092DF color page →
muted
#0092DF
- RGB
- rgb(0 146 223)
- HSL
- hsl(201 100% 44%)
- OKLCH
- oklch(0.634 0.154 243.1)
WCAG contrast: on white 3.39:1 (Fail) · on black 6.17:1 (AA)
- #5960F1 color page →
primary
#5960F1
- RGB
- rgb(89 96 241)
- HSL
- hsl(237 84% 65%)
- OKLCH
- oklch(0.569 0.214 275.2)
WCAG contrast: on white 4.80:1 (AA) · on black 4.36:1 (Fail)
- #B3309B color page →
secondary
#B3309B
- RGB
- rgb(179 48 155)
- HSL
- hsl(311 58% 45%)
- OKLCH
- oklch(0.547 0.201 336.5)
WCAG contrast: on white 5.50:1 (AA) · on black 3.81:1 (Fail)
- #BB0833 color page →
accent
#BB0833
- RGB
- rgb(187 8 51)
- HSL
- hsl(346 92% 38%)
- OKLCH
- oklch(0.504 0.199 19.1)
WCAG contrast: on white 6.57:1 (AA) · on black 3.19:1 (Fail)
- #BD3600 color page →
highlight
#BD3600
- RGB
- rgb(189 54 0)
- HSL
- hsl(17 100% 37%)
- OKLCH
- oklch(0.532 0.179 36.8)
WCAG contrast: on white 5.68:1 (AA) · on black 3.69:1 (Fail)
- #825800 color page →
border
#825800
- RGB
- rgb(130 88 0)
- HSL
- hsl(41 100% 25%)
- OKLCH
- oklch(0.493 0.103 76.7)
WCAG contrast: on white 6.27:1 (AA) · on black 3.34:1 (Fail)
- #004113 color page →
focus
#004113
- RGB
- rgb(0 65 19)
- HSL
- hsl(138 100% 13%)
- OKLCH
- oklch(0.327 0.097 147.2)
WCAG contrast: on white 11.89:1 (AAA) · on black 1.76:1 (Fail)
- #011015 color page →
text
#011015
- RGB
- rgb(1 16 21)
- HSL
- hsl(195 91% 4%)
- OKLCH
- oklch(0.161 0.027 218.5)
WCAG contrast: on white 19.33:1 (AAA) · on black 1.08:1 (Fail)
Export True Arcane Brew Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dce5e8;
--surface: #63caf0;
--muted: #0092df;
--primary: #5960f1;
--secondary: #b3309b;
--accent: #bb0833;
--highlight: #bd3600;
--border: #825800;
--focus: #004113;
--text: #011015;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dce5e8;
--color-surface: #63caf0;
--color-muted: #0092df;
--color-primary: #5960f1;
--color-secondary: #b3309b;
--color-accent: #bb0833;
--color-highlight: #bd3600;
--color-border: #825800;
--color-focus: #004113;
--color-text: #011015;
}JSON (DTCG tokens)
{
"true-arcane-brew-beacon-4g5": {
"bg": {
"$type": "color",
"$value": "#dce5e8"
},
"surface": {
"$type": "color",
"$value": "#63caf0"
},
"muted": {
"$type": "color",
"$value": "#0092df"
},
"primary": {
"$type": "color",
"$value": "#5960f1"
},
"secondary": {
"$type": "color",
"$value": "#b3309b"
},
"accent": {
"$type": "color",
"$value": "#bb0833"
},
"highlight": {
"$type": "color",
"$value": "#bd3600"
},
"border": {
"$type": "color",
"$value": "#825800"
},
"focus": {
"$type": "color",
"$value": "#004113"
},
"text": {
"$type": "color",
"$value": "#011015"
}
}
}About this palette
True Arcane Brew Beacon is a 10-color OKLCH-ready palette tagged pink, rainbow, 10 colors. Hex values: #DCE5E8, #63CAF0, #0092DF, #5960F1, #B3309B, #BB0833, #BD3600, #825800, #004113, #011015. APCA contrast score Lc 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 True Arcane Brew Beacon by OKLab color distance.