Palette · 9 colors · Lc 8.8
True Puma Ribbon palette
True Puma Ribbon: a 9-color palette (Green, Warm, 9 Colors). HEX, RGB, HSL and OKLCH for #F8F0E3, #D5C9AC, #C8B38C, #AA9563, #906C22, #614C00, #423205, #272000, #0F0D01, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F8F0E3
surface
#D5C9AC
muted
#C8B38C
primary
#AA9563
secondary
#906C22
accent
#614C00
highlight
#423205
border
#272000
text
#0F0D01
Colors in True Puma Ribbon: HEX, RGB, HSL & OKLCH
- #F8F0E3 color page →
bg
#F8F0E3
- RGB
- rgb(248 240 227)
- HSL
- hsl(37 60% 93%)
- OKLCH
- oklch(0.958 0.019 80.1)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.56:1 (AAA)
- #D5C9AC color page →
surface
#D5C9AC
- RGB
- rgb(213 201 172)
- HSL
- hsl(42 33% 75%)
- OKLCH
- oklch(0.838 0.041 88.2)
WCAG contrast: on white 1.64:1 (Fail) · on black 12.77:1 (AAA)
- #C8B38C color page →
muted
#C8B38C
- RGB
- rgb(200 179 140)
- HSL
- hsl(39 35% 67%)
- OKLCH
- oklch(0.775 0.058 82.8)
WCAG contrast: on white 2.04:1 (Fail) · on black 10.28:1 (AAA)
- #AA9563 color page →
primary
#AA9563
- RGB
- rgb(170 149 99)
- HSL
- hsl(42 29% 53%)
- OKLCH
- oklch(0.677 0.072 87.7)
WCAG contrast: on white 2.92:1 (Fail) · on black 7.18:1 (AAA)
- #906C22 color page →
secondary
#906C22
- RGB
- rgb(144 108 34)
- HSL
- hsl(40 62% 35%)
- OKLCH
- oklch(0.554 0.1 81.5)
WCAG contrast: on white 4.82:1 (AA) · on black 4.35:1 (Fail)
- #614C00 color page →
accent
#614C00
- RGB
- rgb(97 76 0)
- HSL
- hsl(47 100% 19%)
- OKLCH
- oklch(0.426 0.087 90.4)
WCAG contrast: on white 8.26:1 (AAA) · on black 2.54:1 (Fail)
- #423205 color page →
highlight
#423205
- RGB
- rgb(66 50 5)
- HSL
- hsl(44 86% 14%)
- OKLCH
- oklch(0.326 0.063 87.5)
WCAG contrast: on white 12.42:1 (AAA) · on black 1.69:1 (Fail)
- #272000 color page →
border
#272000
- RGB
- rgb(39 32 0)
- HSL
- hsl(49 100% 8%)
- OKLCH
- oklch(0.244 0.05 97.2)
WCAG contrast: on white 16.24:1 (AAA) · on black 1.29:1 (Fail)
- #0F0D01 color page →
text
#0F0D01
- RGB
- rgb(15 13 1)
- HSL
- hsl(51 88% 3%)
- OKLCH
- oklch(0.157 0.029 102.7)
WCAG contrast: on white 19.47:1 (AAA) · on black 1.07:1 (Fail)
Export True Puma Ribbon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f8f0e3;
--surface: #d5c9ac;
--muted: #c8b38c;
--primary: #aa9563;
--secondary: #906c22;
--accent: #614c00;
--highlight: #423205;
--border: #272000;
--text: #0f0d01;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f8f0e3;
--color-surface: #d5c9ac;
--color-muted: #c8b38c;
--color-primary: #aa9563;
--color-secondary: #906c22;
--color-accent: #614c00;
--color-highlight: #423205;
--color-border: #272000;
--color-text: #0f0d01;
}JSON (DTCG tokens)
{
"true-puma-ribbon-2mb": {
"bg": {
"$type": "color",
"$value": "#f8f0e3"
},
"surface": {
"$type": "color",
"$value": "#d5c9ac"
},
"muted": {
"$type": "color",
"$value": "#c8b38c"
},
"primary": {
"$type": "color",
"$value": "#aa9563"
},
"secondary": {
"$type": "color",
"$value": "#906c22"
},
"accent": {
"$type": "color",
"$value": "#614c00"
},
"highlight": {
"$type": "color",
"$value": "#423205"
},
"border": {
"$type": "color",
"$value": "#272000"
},
"text": {
"$type": "color",
"$value": "#0f0d01"
}
}
}About this palette
True Puma Ribbon is a 9-color OKLCH-ready palette tagged green, warm, 9 colors. Hex values: #F8F0E3, #D5C9AC, #C8B38C, #AA9563, #906C22, #614C00, #423205, #272000, #0F0D01. APCA contrast score Lc 8.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 Ribbon by OKLab color distance.