Palette · 8 colors · Lc 7.3
Arcane Brew Quartz palette
Arcane Brew Quartz: a 8-color palette (Pink, Rainbow, 8 Colors). HEX, RGB, HSL and OKLCH for #D6DEE4, #4BA1E1, #5661D6, #A8387E, #A34300, #676600, #005239, #000810, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D6DEE4
surface
#4BA1E1
muted
#5661D6
primary
#A8387E
secondary
#A34300
accent
#676600
highlight
#005239
text
#000810
Colors in Arcane Brew Quartz: HEX, RGB, HSL & OKLCH
- #D6DEE4 color page →
bg
#D6DEE4
- RGB
- rgb(214 222 228)
- HSL
- hsl(206 21% 87%)
- OKLCH
- oklch(0.896 0.012 239.9)
WCAG contrast: on white 1.36:1 (Fail) · on black 15.42:1 (AAA)
- #4BA1E1 color page →
surface
#4BA1E1
- RGB
- rgb(75 161 225)
- HSL
- hsl(206 71% 59%)
- OKLCH
- oklch(0.684 0.126 243.7)
WCAG contrast: on white 2.80:1 (Fail) · on black 7.48:1 (AAA)
- #5661D6 color page →
muted
#5661D6
- RGB
- rgb(86 97 214)
- HSL
- hsl(235 61% 59%)
- OKLCH
- oklch(0.548 0.178 274.9)
WCAG contrast: on white 5.15:1 (AA) · on black 4.07:1 (Fail)
- #A8387E color page →
primary
#A8387E
- RGB
- rgb(168 56 126)
- HSL
- hsl(323 50% 44%)
- OKLCH
- oklch(0.524 0.164 345.8)
WCAG contrast: on white 5.94:1 (AA) · on black 3.53:1 (Fail)
- #A34300 color page →
secondary
#A34300
- RGB
- rgb(163 67 0)
- HSL
- hsl(25 100% 32%)
- OKLCH
- oklch(0.504 0.142 45.8)
WCAG contrast: on white 6.24:1 (AA) · on black 3.36:1 (Fail)
- #676600 color page →
accent
#676600
- RGB
- rgb(103 102 0)
- HSL
- hsl(59 100% 20%)
- OKLCH
- oklch(0.495 0.107 109.1)
WCAG contrast: on white 6.03:1 (AA) · on black 3.47:1 (Fail)
- #005239 color page →
highlight
#005239
- RGB
- rgb(0 82 57)
- HSL
- hsl(162 100% 16%)
- OKLCH
- oklch(0.388 0.082 164.6)
WCAG contrast: on white 9.26:1 (AAA) · on black 2.26:1 (Fail)
- #000810 color page →
text
#000810
- RGB
- rgb(0 8 16)
- HSL
- hsl(210 100% 3%)
- OKLCH
- oklch(0.127 0.027 236.3)
WCAG contrast: on white 20.14:1 (AAA) · on black 1.04:1 (Fail)
Export Arcane Brew Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d6dee4;
--surface: #4ba1e1;
--muted: #5661d6;
--primary: #a8387e;
--secondary: #a34300;
--accent: #676600;
--highlight: #005239;
--text: #000810;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d6dee4;
--color-surface: #4ba1e1;
--color-muted: #5661d6;
--color-primary: #a8387e;
--color-secondary: #a34300;
--color-accent: #676600;
--color-highlight: #005239;
--color-text: #000810;
}JSON (DTCG tokens)
{
"arcane-brew-quartz-3vn": {
"bg": {
"$type": "color",
"$value": "#d6dee4"
},
"surface": {
"$type": "color",
"$value": "#4ba1e1"
},
"muted": {
"$type": "color",
"$value": "#5661d6"
},
"primary": {
"$type": "color",
"$value": "#a8387e"
},
"secondary": {
"$type": "color",
"$value": "#a34300"
},
"accent": {
"$type": "color",
"$value": "#676600"
},
"highlight": {
"$type": "color",
"$value": "#005239"
},
"text": {
"$type": "color",
"$value": "#000810"
}
}
}About this palette
Arcane Brew Quartz is a 8-color OKLCH-ready palette tagged pink, rainbow, 8 colors. Hex values: #D6DEE4, #4BA1E1, #5661D6, #A8387E, #A34300, #676600, #005239, #000810. APCA contrast score Lc 7.3. 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 Arcane Brew Quartz by OKLab color distance.