Palette · 10 colors · Lc 8.2
Steady Puma Bloom palette
Steady Puma Bloom: a 10-color palette (Green, Warm, 10 Colors). HEX, RGB, HSL and OKLCH for #EAE5DE, #E5D2BF, #D4A88D, #BC9069, #A57A3E, #916D1B, #705B06, #483F02, #352A00, #24190A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EAE5DE
surface
#E5D2BF
muted
#D4A88D
primary
#BC9069
secondary
#A57A3E
accent
#916D1B
highlight
#705B06
border
#483F02
focus
#352A00
text
#24190A
Colors in Steady Puma Bloom: HEX, RGB, HSL & OKLCH
- #EAE5DE color page →
bg
#EAE5DE
- RGB
- rgb(234 229 222)
- HSL
- hsl(35 22% 89%)
- OKLCH
- oklch(0.924 0.011 76.6)
WCAG contrast: on white 1.25:1 (Fail) · on black 16.76:1 (AAA)
- #E5D2BF color page →
surface
#E5D2BF
- RGB
- rgb(229 210 191)
- HSL
- hsl(30 42% 82%)
- OKLCH
- oklch(0.874 0.033 67.4)
WCAG contrast: on white 1.46:1 (Fail) · on black 14.30:1 (AAA)
- #D4A88D color page →
muted
#D4A88D
- RGB
- rgb(212 168 141)
- HSL
- hsl(23 45% 69%)
- OKLCH
- oklch(0.765 0.064 53)
WCAG contrast: on white 2.14:1 (Fail) · on black 9.78:1 (AAA)
- #BC9069 color page →
primary
#BC9069
- RGB
- rgb(188 144 105)
- HSL
- hsl(28 38% 57%)
- OKLCH
- oklch(0.686 0.075 62.6)
WCAG contrast: on white 2.86:1 (Fail) · on black 7.33:1 (AAA)
- #A57A3E color page →
secondary
#A57A3E
- RGB
- rgb(165 122 62)
- HSL
- hsl(35 45% 45%)
- OKLCH
- oklch(0.61 0.094 73.5)
WCAG contrast: on white 3.85:1 (Fail) · on black 5.45:1 (AA)
- #916D1B color page →
accent
#916D1B
- RGB
- rgb(145 109 27)
- HSL
- hsl(42 69% 34%)
- OKLCH
- oklch(0.557 0.104 83.1)
WCAG contrast: on white 4.76:1 (AA) · on black 4.40:1 (Fail)
- #705B06 color page →
highlight
#705B06
- RGB
- rgb(112 91 6)
- HSL
- hsl(48 90% 23%)
- OKLCH
- oklch(0.478 0.096 92.7)
WCAG contrast: on white 6.58:1 (AA) · on black 3.18:1 (Fail)
- #483F02 color page →
border
#483F02
- RGB
- rgb(72 63 2)
- HSL
- hsl(52 95% 15%)
- OKLCH
- oklch(0.366 0.075 100)
WCAG contrast: on white 10.56:1 (AAA) · on black 1.98:1 (Fail)
- #352A00 color page →
focus
#352A00
- RGB
- rgb(53 42 0)
- HSL
- hsl(48 100% 10%)
- OKLCH
- oklch(0.289 0.059 93.5)
WCAG contrast: on white 14.16:1 (AAA) · on black 1.48:1 (Fail)
- #24190A color page →
text
#24190A
- RGB
- rgb(36 25 10)
- HSL
- hsl(35 57% 9%)
- OKLCH
- oklch(0.223 0.031 73.6)
WCAG contrast: on white 17.23:1 (AAA) · on black 1.21:1 (Fail)
Export Steady Puma Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eae5de;
--surface: #e5d2bf;
--muted: #d4a88d;
--primary: #bc9069;
--secondary: #a57a3e;
--accent: #916d1b;
--highlight: #705b06;
--border: #483f02;
--focus: #352a00;
--text: #24190a;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eae5de;
--color-surface: #e5d2bf;
--color-muted: #d4a88d;
--color-primary: #bc9069;
--color-secondary: #a57a3e;
--color-accent: #916d1b;
--color-highlight: #705b06;
--color-border: #483f02;
--color-focus: #352a00;
--color-text: #24190a;
}JSON (DTCG tokens)
{
"steady-puma-bloom-57z": {
"bg": {
"$type": "color",
"$value": "#eae5de"
},
"surface": {
"$type": "color",
"$value": "#e5d2bf"
},
"muted": {
"$type": "color",
"$value": "#d4a88d"
},
"primary": {
"$type": "color",
"$value": "#bc9069"
},
"secondary": {
"$type": "color",
"$value": "#a57a3e"
},
"accent": {
"$type": "color",
"$value": "#916d1b"
},
"highlight": {
"$type": "color",
"$value": "#705b06"
},
"border": {
"$type": "color",
"$value": "#483f02"
},
"focus": {
"$type": "color",
"$value": "#352a00"
},
"text": {
"$type": "color",
"$value": "#24190a"
}
}
}About this palette
Steady Puma Bloom is a 10-color OKLCH-ready palette tagged green, warm, 10 colors. Hex values: #EAE5DE, #E5D2BF, #D4A88D, #BC9069, #A57A3E, #916D1B, #705B06, #483F02, #352A00, #24190A. APCA contrast score Lc 8.2. 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 Steady Puma Bloom by OKLab color distance.