Palette · 3 colors · Lc 9.2
True Puma Horizon palette
True Puma Horizon: a 3-color palette (Green, Warm, 3 Colors). HEX, RGB, HSL and OKLCH for #F8EFE1, #956D03, #281B07, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F8EFE1
accent
#956D03
text
#281B07
Colors in True Puma Horizon: HEX, RGB, HSL & OKLCH
- #F8EFE1 color page →
bg
#F8EFE1
- RGB
- rgb(248 239 225)
- HSL
- hsl(37 62% 93%)
- OKLCH
- oklch(0.955 0.021 79.1)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.42:1 (AAA)
- #956D03 color page →
accent
#956D03
- RGB
- rgb(149 109 3)
- HSL
- hsl(44 96% 30%)
- OKLCH
- oklch(0.56 0.114 82.8)
WCAG contrast: on white 4.70:1 (AA) · on black 4.46:1 (Fail)
- #281B07 color page →
text
#281B07
- RGB
- rgb(40 27 7)
- HSL
- hsl(36 70% 9%)
- OKLCH
- oklch(0.233 0.038 76)
WCAG contrast: on white 16.79:1 (AAA) · on black 1.25:1 (Fail)
Export True Puma Horizon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f8efe1;
--accent: #956d03;
--text: #281b07;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f8efe1;
--color-accent: #956d03;
--color-text: #281b07;
}JSON (DTCG tokens)
{
"true-puma-horizon-5yv": {
"bg": {
"$type": "color",
"$value": "#f8efe1"
},
"accent": {
"$type": "color",
"$value": "#956d03"
},
"text": {
"$type": "color",
"$value": "#281b07"
}
}
}About this palette
True Puma Horizon is a 3-color OKLCH-ready palette tagged green, warm, 3 colors. Hex values: #F8EFE1, #956D03, #281B07. APCA contrast score Lc 9.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 True Puma Horizon by OKLab color distance.