Palette · 4 colors · Lc 8.8
True Red Panda System palette
True Red Panda System: a 4-color palette (Orange, Warm, UI System, 4 Colors). HEX, RGB, HSL and OKLCH for #FFEDE8, #D2ACA0, #BC522B, #261209, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFEDE8
surface
#D2ACA0
accent
#BC522B
text
#261209
Colors in True Red Panda System: HEX, RGB, HSL & OKLCH
- #FFEDE8 color page →
bg
#FFEDE8
- RGB
- rgb(255 237 232)
- HSL
- hsl(13 100% 95%)
- OKLCH
- oklch(0.959 0.021 36)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.53:1 (AAA)
- #D2ACA0 color page →
surface
#D2ACA0
- RGB
- rgb(210 172 160)
- HSL
- hsl(14 36% 73%)
- OKLCH
- oklch(0.775 0.048 38.3)
WCAG contrast: on white 2.06:1 (Fail) · on black 10.14:1 (AAA)
- #BC522B color page →
accent
#BC522B
- RGB
- rgb(188 82 43)
- HSL
- hsl(16 63% 45%)
- OKLCH
- oklch(0.568 0.147 39.7)
WCAG contrast: on white 4.79:1 (AA) · on black 4.38:1 (Fail)
- #261209 color page →
text
#261209
- RGB
- rgb(38 18 9)
- HSL
- hsl(19 62% 9%)
- OKLCH
- oklch(0.209 0.037 44.5)
WCAG contrast: on white 17.90:1 (AAA) · on black 1.17:1 (Fail)
Export True Red Panda System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffede8;
--surface: #d2aca0;
--accent: #bc522b;
--text: #261209;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffede8;
--color-surface: #d2aca0;
--color-accent: #bc522b;
--color-text: #261209;
}JSON (DTCG tokens)
{
"true-red-panda-system-62k": {
"bg": {
"$type": "color",
"$value": "#ffede8"
},
"surface": {
"$type": "color",
"$value": "#d2aca0"
},
"accent": {
"$type": "color",
"$value": "#bc522b"
},
"text": {
"$type": "color",
"$value": "#261209"
}
}
}About this palette
True Red Panda System is a 4-color OKLCH-ready palette tagged orange, warm, ui system, 4 colors. Hex values: #FFEDE8, #D2ACA0, #BC522B, #261209. 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 Red Panda System by OKLab color distance.