Palette · 9 colors · Lc 8.7
Brown Alpaca Cascade palette
Brown Alpaca Cascade: a 9-color palette (Yellow, Warm, 9 Colors). HEX, RGB, HSL and OKLCH for #E8E3DF, #E9CCB4, #D9AB85, #C68A50, #B76D2D, #915B19, #71461C, #483016, #2F261E, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E8E3DF
surface
#E9CCB4
muted
#D9AB85
primary
#C68A50
secondary
#B76D2D
accent
#915B19
highlight
#71461C
border
#483016
text
#2F261E
Colors in Brown Alpaca Cascade: HEX, RGB, HSL & OKLCH
- #E8E3DF color page →
bg
#E8E3DF
- RGB
- rgb(232 227 223)
- HSL
- hsl(27 16% 89%)
- OKLCH
- oklch(0.919 0.008 61.4)
WCAG contrast: on white 1.27:1 (Fail) · on black 16.48:1 (AAA)
- #E9CCB4 color page →
surface
#E9CCB4
- RGB
- rgb(233 204 180)
- HSL
- hsl(27 55% 81%)
- OKLCH
- oklch(0.863 0.046 61.8)
WCAG contrast: on white 1.52:1 (Fail) · on black 13.76:1 (AAA)
- #D9AB85 color page →
muted
#D9AB85
- RGB
- rgb(217 171 133)
- HSL
- hsl(27 52% 69%)
- OKLCH
- oklch(0.774 0.074 60.9)
WCAG contrast: on white 2.07:1 (Fail) · on black 10.11:1 (AAA)
- #C68A50 color page →
primary
#C68A50
- RGB
- rgb(198 138 80)
- HSL
- hsl(29 51% 55%)
- OKLCH
- oklch(0.681 0.105 63.5)
WCAG contrast: on white 2.93:1 (Fail) · on black 7.15:1 (AAA)
- #B76D2D color page →
secondary
#B76D2D
- RGB
- rgb(183 109 45)
- HSL
- hsl(28 61% 45%)
- OKLCH
- oklch(0.605 0.122 57.9)
WCAG contrast: on white 4.00:1 (Fail) · on black 5.23:1 (AA)
- #915B19 color page →
accent
#915B19
- RGB
- rgb(145 91 25)
- HSL
- hsl(33 71% 33%)
- OKLCH
- oklch(0.52 0.105 66)
WCAG contrast: on white 5.65:1 (AA) · on black 3.71:1 (Fail)
- #71461C color page →
highlight
#71461C
- RGB
- rgb(113 70 28)
- HSL
- hsl(30 60% 28%)
- OKLCH
- oklch(0.436 0.081 61.9)
WCAG contrast: on white 8.09:1 (AAA) · on black 2.59:1 (Fail)
- #483016 color page →
border
#483016
- RGB
- rgb(72 48 22)
- HSL
- hsl(31 53% 18%)
- OKLCH
- oklch(0.332 0.053 66.4)
WCAG contrast: on white 12.28:1 (AAA) · on black 1.70:1 (Fail)
- #2F261E color page →
text
#2F261E
- RGB
- rgb(47 38 30)
- HSL
- hsl(28 22% 15%)
- OKLCH
- oklch(0.276 0.02 63.5)
WCAG contrast: on white 14.82:1 (AAA) · on black 1.41:1 (Fail)
Export Brown Alpaca Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e8e3df;
--surface: #e9ccb4;
--muted: #d9ab85;
--primary: #c68a50;
--secondary: #b76d2d;
--accent: #915b19;
--highlight: #71461c;
--border: #483016;
--text: #2f261e;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e8e3df;
--color-surface: #e9ccb4;
--color-muted: #d9ab85;
--color-primary: #c68a50;
--color-secondary: #b76d2d;
--color-accent: #915b19;
--color-highlight: #71461c;
--color-border: #483016;
--color-text: #2f261e;
}JSON (DTCG tokens)
{
"brown-alpaca-cascade-3my": {
"bg": {
"$type": "color",
"$value": "#e8e3df"
},
"surface": {
"$type": "color",
"$value": "#e9ccb4"
},
"muted": {
"$type": "color",
"$value": "#d9ab85"
},
"primary": {
"$type": "color",
"$value": "#c68a50"
},
"secondary": {
"$type": "color",
"$value": "#b76d2d"
},
"accent": {
"$type": "color",
"$value": "#915b19"
},
"highlight": {
"$type": "color",
"$value": "#71461c"
},
"border": {
"$type": "color",
"$value": "#483016"
},
"text": {
"$type": "color",
"$value": "#2f261e"
}
}
}About this palette
Brown Alpaca Cascade is a 9-color OKLCH-ready palette tagged yellow, warm, 9 colors. Hex values: #E8E3DF, #E9CCB4, #D9AB85, #C68A50, #B76D2D, #915B19, #71461C, #483016, #2F261E. APCA contrast score Lc 8.7. 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 Brown Alpaca Cascade by OKLab color distance.