Palette · 8 colors · Lc 9.1
Classic Brown Sugar Circuit palette
Classic Brown Sugar Circuit: a 8-color palette (Yellow, Warm, Nature, Brown). HEX, RGB, HSL and OKLCH for #F1E6D7, #D3BEA7, #BC9971, #AC764E, #8B5942, #663B26, #442315, #220D05, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F1E6D7
surface
#D3BEA7
muted
#BC9971
primary
#AC764E
secondary
#8B5942
accent
#663B26
highlight
#442315
text
#220D05
Colors in Classic Brown Sugar Circuit: HEX, RGB, HSL & OKLCH
- #F1E6D7 color page →
bg
#F1E6D7
- RGB
- rgb(241 230 215)
- HSL
- hsl(35 48% 89%)
- OKLCH
- oklch(0.93 0.023 75.9)
WCAG contrast: on white 1.23:1 (Fail) · on black 17.04:1 (AAA)
- #D3BEA7 color page →
surface
#D3BEA7
- RGB
- rgb(211 190 167)
- HSL
- hsl(31 33% 74%)
- OKLCH
- oklch(0.813 0.039 69.8)
WCAG contrast: on white 1.79:1 (Fail) · on black 11.69:1 (AAA)
- #BC9971 color page →
muted
#BC9971
- RGB
- rgb(188 153 113)
- HSL
- hsl(32 36% 59%)
- OKLCH
- oklch(0.705 0.069 70.1)
WCAG contrast: on white 2.64:1 (Fail) · on black 7.93:1 (AAA)
- #AC764E color page →
primary
#AC764E
- RGB
- rgb(172 118 78)
- HSL
- hsl(26 38% 49%)
- OKLCH
- oklch(0.612 0.088 56.8)
WCAG contrast: on white 3.84:1 (Fail) · on black 5.45:1 (AA)
- #8B5942 color page →
secondary
#8B5942
- RGB
- rgb(139 89 66)
- HSL
- hsl(19 36% 40%)
- OKLCH
- oklch(0.514 0.075 45.3)
WCAG contrast: on white 5.82:1 (AA) · on black 3.60:1 (Fail)
- #663B26 color page →
accent
#663B26
- RGB
- rgb(102 59 38)
- HSL
- hsl(20 46% 27%)
- OKLCH
- oklch(0.4 0.069 46.2)
WCAG contrast: on white 9.46:1 (AAA) · on black 2.21:1 (Fail)
- #442315 color page →
highlight
#442315
- RGB
- rgb(68 35 21)
- HSL
- hsl(18 53% 17%)
- OKLCH
- oklch(0.297 0.056 43.2)
WCAG contrast: on white 14.02:1 (AAA) · on black 1.49:1 (Fail)
- #220D05 color page →
text
#220D05
- RGB
- rgb(34 13 5)
- HSL
- hsl(17 74% 8%)
- OKLCH
- oklch(0.189 0.04 43.1)
WCAG contrast: on white 18.62:1 (AAA) · on black 1.12:1 (Fail)
Export Classic Brown Sugar Circuit: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f1e6d7;
--surface: #d3bea7;
--muted: #bc9971;
--primary: #ac764e;
--secondary: #8b5942;
--accent: #663b26;
--highlight: #442315;
--text: #220d05;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f1e6d7;
--color-surface: #d3bea7;
--color-muted: #bc9971;
--color-primary: #ac764e;
--color-secondary: #8b5942;
--color-accent: #663b26;
--color-highlight: #442315;
--color-text: #220d05;
}JSON (DTCG tokens)
{
"classic-brown-sugar-circuit-6lp": {
"bg": {
"$type": "color",
"$value": "#f1e6d7"
},
"surface": {
"$type": "color",
"$value": "#d3bea7"
},
"muted": {
"$type": "color",
"$value": "#bc9971"
},
"primary": {
"$type": "color",
"$value": "#ac764e"
},
"secondary": {
"$type": "color",
"$value": "#8b5942"
},
"accent": {
"$type": "color",
"$value": "#663b26"
},
"highlight": {
"$type": "color",
"$value": "#442315"
},
"text": {
"$type": "color",
"$value": "#220d05"
}
}
}About this palette
Classic Brown Sugar Circuit is a 8-color OKLCH-ready palette tagged yellow, warm, nature, brown, 8 colors. Hex values: #F1E6D7, #D3BEA7, #BC9971, #AC764E, #8B5942, #663B26, #442315, #220D05. APCA contrast score Lc 9.1. 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 Classic Brown Sugar Circuit by OKLab color distance.