Palette · 6 colors · Lc 10
Steady Puma Prism palette
Steady Puma Prism: a 6-color palette (Green, Warm, UI System, 6 Colors). HEX, RGB, HSL and OKLCH for #F7F6F4, #F3E8D0, #C4B08F, #956B00, #3D5E26, #211500, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F7F6F4
surface
#F3E8D0
muted
#C4B08F
primary
#956B00
accent
#3D5E26
text
#211500
Colors in Steady Puma Prism: HEX, RGB, HSL & OKLCH
- #F7F6F4 color page →
bg
#F7F6F4
- RGB
- rgb(247 246 244)
- HSL
- hsl(40 16% 96%)
- OKLCH
- oklch(0.973 0.003 84.6)
WCAG contrast: on white 1.08:1 (Fail) · on black 19.44:1 (AAA)
- #F3E8D0 color page →
surface
#F3E8D0
- RGB
- rgb(243 232 208)
- HSL
- hsl(41 59% 88%)
- OKLCH
- oklch(0.933 0.034 86.3)
WCAG contrast: on white 1.21:1 (Fail) · on black 17.26:1 (AAA)
- #C4B08F color page →
muted
#C4B08F
- RGB
- rgb(196 176 143)
- HSL
- hsl(37 31% 66%)
- OKLCH
- oklch(0.766 0.051 80.2)
WCAG contrast: on white 2.10:1 (Fail) · on black 9.95:1 (AAA)
- #956B00 color page →
primary
#956B00
- RGB
- rgb(149 107 0)
- HSL
- hsl(43 100% 29%)
- OKLCH
- oklch(0.556 0.115 81.4)
WCAG contrast: on white 4.79:1 (AA) · on black 4.38:1 (Fail)
- #3D5E26 color page →
accent
#3D5E26
- RGB
- rgb(61 94 38)
- HSL
- hsl(95 42% 26%)
- OKLCH
- oklch(0.443 0.092 134.2)
WCAG contrast: on white 7.42:1 (AAA) · on black 2.82:1 (Fail)
- #211500 color page →
text
#211500
- RGB
- rgb(33 21 0)
- HSL
- hsl(38 100% 6%)
- OKLCH
- oklch(0.206 0.042 81.7)
WCAG contrast: on white 17.91:1 (AAA) · on black 1.17:1 (Fail)
Export Steady Puma Prism: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f7f6f4;
--surface: #f3e8d0;
--muted: #c4b08f;
--primary: #956b00;
--accent: #3d5e26;
--text: #211500;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f7f6f4;
--color-surface: #f3e8d0;
--color-muted: #c4b08f;
--color-primary: #956b00;
--color-accent: #3d5e26;
--color-text: #211500;
}JSON (DTCG tokens)
{
"steady-puma-prism-1c4": {
"bg": {
"$type": "color",
"$value": "#f7f6f4"
},
"surface": {
"$type": "color",
"$value": "#f3e8d0"
},
"muted": {
"$type": "color",
"$value": "#c4b08f"
},
"primary": {
"$type": "color",
"$value": "#956b00"
},
"accent": {
"$type": "color",
"$value": "#3d5e26"
},
"text": {
"$type": "color",
"$value": "#211500"
}
}
}About this palette
Steady Puma Prism is a 6-color OKLCH-ready palette tagged green, warm, ui system, 6 colors. Hex values: #F7F6F4, #F3E8D0, #C4B08F, #956B00, #3D5E26, #211500. APCA contrast score Lc 10. 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 Prism by OKLab color distance.