Palette · 5 colors · Lc 9.8
True Puma Noir palette
True Puma Noir: a 5-color palette (Trending, Green, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #FAF2E6, #987437, #356D7F, #595884, #120B02, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FAF2E6
surface
#987437
primary
#356D7F
accent
#595884
text
#120B02
Colors in True Puma Noir: HEX, RGB, HSL & OKLCH
- #FAF2E6 color page →
bg
#FAF2E6
- RGB
- rgb(250 242 230)
- HSL
- hsl(36 67% 94%)
- OKLCH
- oklch(0.964 0.018 78.2)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.90:1 (AAA)
- #987437 color page →
surface
#987437
- RGB
- rgb(152 116 55)
- HSL
- hsl(38 47% 41%)
- OKLCH
- oklch(0.582 0.091 78.5)
WCAG contrast: on white 4.29:1 (Fail) · on black 4.88:1 (AA)
- #356D7F color page →
primary
#356D7F
- RGB
- rgb(53 109 127)
- HSL
- hsl(195 41% 35%)
- OKLCH
- oklch(0.504 0.065 221.5)
WCAG contrast: on white 5.76:1 (AA) · on black 3.64:1 (Fail)
- #595884 color page →
accent
#595884
- RGB
- rgb(89 88 132)
- HSL
- hsl(241 20% 43%)
- OKLCH
- oklch(0.48 0.07 284.5)
WCAG contrast: on white 6.65:1 (AA) · on black 3.15:1 (Fail)
- #120B02 color page →
text
#120B02
- RGB
- rgb(18 11 2)
- HSL
- hsl(34 80% 4%)
- OKLCH
- oklch(0.156 0.025 79.9)
WCAG contrast: on white 19.54:1 (AAA) · on black 1.07:1 (Fail)
Export True Puma Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #faf2e6;
--surface: #987437;
--primary: #356d7f;
--accent: #595884;
--text: #120b02;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #faf2e6;
--color-surface: #987437;
--color-primary: #356d7f;
--color-accent: #595884;
--color-text: #120b02;
}JSON (DTCG tokens)
{
"true-puma-noir-4yf": {
"bg": {
"$type": "color",
"$value": "#faf2e6"
},
"surface": {
"$type": "color",
"$value": "#987437"
},
"primary": {
"$type": "color",
"$value": "#356d7f"
},
"accent": {
"$type": "color",
"$value": "#595884"
},
"text": {
"$type": "color",
"$value": "#120b02"
}
}
}About this palette
True Puma Noir is a 5-color OKLCH-ready palette tagged trending, green, warm, 5 colors. Hex values: #FAF2E6, #987437, #356D7F, #595884, #120B02. APCA contrast score Lc 9.8. 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 Noir by OKLab color distance.