Palette · 8 colors · Lc 9.5
True Root Beer Bloom palette
True Root Beer Bloom: a 8-color palette (Orange, Gray, Warm, Monochromatic). HEX, RGB, HSL and OKLCH for #0B0403, #2F1C1C, #4F3332, #7D5752, #9F7B79, #C69C9A, #D1C2C0, #F7F0EF, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Orange
- Gray
- Warm
- Monochromatic
- 8 Colors
bg
#0B0403
surface
#2F1C1C
muted
#4F3332
primary
#7D5752
secondary
#9F7B79
accent
#C69C9A
highlight
#D1C2C0
text
#F7F0EF
Colors in True Root Beer Bloom: HEX, RGB, HSL & OKLCH
- #0B0403 color page →
bg
#0B0403
- RGB
- rgb(11 4 3)
- HSL
- hsl(8 57% 3%)
- OKLCH
- oklch(0.12 0.017 32.8)
WCAG contrast: on white 20.33:1 (AAA) · on black 1.03:1 (Fail)
- #2F1C1C color page →
surface
#2F1C1C
- RGB
- rgb(47 28 28)
- HSL
- hsl(0 25% 15%)
- OKLCH
- oklch(0.251 0.03 19.4)
WCAG contrast: on white 16.10:1 (AAA) · on black 1.30:1 (Fail)
- #4F3332 color page →
muted
#4F3332
- RGB
- rgb(79 51 50)
- HSL
- hsl(2 22% 25%)
- OKLCH
- oklch(0.354 0.041 21.6)
WCAG contrast: on white 11.33:1 (AAA) · on black 1.85:1 (Fail)
- #7D5752 color page →
primary
#7D5752
- RGB
- rgb(125 87 82)
- HSL
- hsl(7 21% 41%)
- OKLCH
- oklch(0.496 0.052 27.4)
WCAG contrast: on white 6.25:1 (AA) · on black 3.35:1 (Fail)
- #9F7B79 color page →
secondary
#9F7B79
- RGB
- rgb(159 123 121)
- HSL
- hsl(3 17% 55%)
- OKLCH
- oklch(0.617 0.045 22.1)
WCAG contrast: on white 3.76:1 (Fail) · on black 5.58:1 (AA)
- #C69C9A color page →
accent
#C69C9A
- RGB
- rgb(198 156 154)
- HSL
- hsl(3 28% 69%)
- OKLCH
- oklch(0.731 0.05 21.5)
WCAG contrast: on white 2.43:1 (Fail) · on black 8.62:1 (AAA)
- #D1C2C0 color page →
highlight
#D1C2C0
- RGB
- rgb(209 194 192)
- HSL
- hsl(7 16% 79%)
- OKLCH
- oklch(0.826 0.017 26.7)
WCAG contrast: on white 1.72:1 (Fail) · on black 12.18:1 (AAA)
- #F7F0EF color page →
text
#F7F0EF
- RGB
- rgb(247 240 239)
- HSL
- hsl(7 33% 95%)
- OKLCH
- oklch(0.96 0.008 27.2)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.66:1 (AAA)
Export True Root Beer Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0b0403;
--surface: #2f1c1c;
--muted: #4f3332;
--primary: #7d5752;
--secondary: #9f7b79;
--accent: #c69c9a;
--highlight: #d1c2c0;
--text: #f7f0ef;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0b0403;
--color-surface: #2f1c1c;
--color-muted: #4f3332;
--color-primary: #7d5752;
--color-secondary: #9f7b79;
--color-accent: #c69c9a;
--color-highlight: #d1c2c0;
--color-text: #f7f0ef;
}JSON (DTCG tokens)
{
"true-root-beer-bloom-uw": {
"bg": {
"$type": "color",
"$value": "#0b0403"
},
"surface": {
"$type": "color",
"$value": "#2f1c1c"
},
"muted": {
"$type": "color",
"$value": "#4f3332"
},
"primary": {
"$type": "color",
"$value": "#7d5752"
},
"secondary": {
"$type": "color",
"$value": "#9f7b79"
},
"accent": {
"$type": "color",
"$value": "#c69c9a"
},
"highlight": {
"$type": "color",
"$value": "#d1c2c0"
},
"text": {
"$type": "color",
"$value": "#f7f0ef"
}
}
}About this palette
True Root Beer Bloom is a 8-color OKLCH-ready palette tagged orange, gray, warm, monochromatic, 8 colors. Hex values: #0B0403, #2F1C1C, #4F3332, #7D5752, #9F7B79, #C69C9A, #D1C2C0, #F7F0EF. APCA contrast score Lc 9.5. 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 Root Beer Bloom by OKLab color distance.