Palette · 9 colors · Lc 8.6
True Red Panda Beacon palette
True Red Panda Beacon: a 9-color palette (Yellow, Warm, 9 Colors). HEX, RGB, HSL and OKLCH for #FFE7DC, #FFC6B6, #ED9E7B, #D3683C, #BE5328, #8C3500, #642500, #3B0D00, #140300, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFE7DC
surface
#FFC6B6
muted
#ED9E7B
primary
#D3683C
secondary
#BE5328
accent
#8C3500
highlight
#642500
border
#3B0D00
text
#140300
Colors in True Red Panda Beacon: HEX, RGB, HSL & OKLCH
- #FFE7DC color page →
bg
#FFE7DC
- RGB
- rgb(255 231 220)
- HSL
- hsl(19 100% 93%)
- OKLCH
- oklch(0.944 0.03 46.3)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.71:1 (AAA)
- #FFC6B6 color page →
surface
#FFC6B6
- RGB
- rgb(255 198 182)
- HSL
- hsl(13 100% 86%)
- OKLCH
- oklch(0.873 0.069 36.2)
WCAG contrast: on white 1.49:1 (Fail) · on black 14.00:1 (AAA)
- #ED9E7B color page →
muted
#ED9E7B
- RGB
- rgb(237 158 123)
- HSL
- hsl(18 76% 71%)
- OKLCH
- oklch(0.77 0.106 44.6)
WCAG contrast: on white 2.14:1 (Fail) · on black 9.77:1 (AAA)
- #D3683C color page →
primary
#D3683C
- RGB
- rgb(211 104 60)
- HSL
- hsl(17 63% 53%)
- OKLCH
- oklch(0.637 0.147 41.9)
WCAG contrast: on white 3.61:1 (Fail) · on black 5.81:1 (AA)
- #BE5328 color page →
secondary
#BE5328
- RGB
- rgb(190 83 40)
- HSL
- hsl(17 65% 45%)
- OKLCH
- oklch(0.572 0.149 40.8)
WCAG contrast: on white 4.71:1 (AA) · on black 4.45:1 (Fail)
- #8C3500 color page →
accent
#8C3500
- RGB
- rgb(140 53 0)
- HSL
- hsl(23 100% 27%)
- OKLCH
- oklch(0.446 0.13 43.8)
WCAG contrast: on white 8.00:1 (AAA) · on black 2.62:1 (Fail)
- #642500 color page →
highlight
#642500
- RGB
- rgb(100 37 0)
- HSL
- hsl(22 100% 20%)
- OKLCH
- oklch(0.353 0.101 44.9)
WCAG contrast: on white 11.62:1 (AAA) · on black 1.80:1 (Fail)
- #3B0D00 color page →
border
#3B0D00
- RGB
- rgb(59 13 0)
- HSL
- hsl(13 100% 12%)
- OKLCH
- oklch(0.238 0.076 38.9)
WCAG contrast: on white 16.88:1 (AAA) · on black 1.24:1 (Fail)
- #140300 color page →
text
#140300
- RGB
- rgb(20 3 0)
- HSL
- hsl(9 100% 4%)
- OKLCH
- oklch(0.133 0.039 43.2)
WCAG contrast: on white 20.13:1 (AAA) · on black 1.04:1 (Fail)
Export True Red Panda Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffe7dc;
--surface: #ffc6b6;
--muted: #ed9e7b;
--primary: #d3683c;
--secondary: #be5328;
--accent: #8c3500;
--highlight: #642500;
--border: #3b0d00;
--text: #140300;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffe7dc;
--color-surface: #ffc6b6;
--color-muted: #ed9e7b;
--color-primary: #d3683c;
--color-secondary: #be5328;
--color-accent: #8c3500;
--color-highlight: #642500;
--color-border: #3b0d00;
--color-text: #140300;
}JSON (DTCG tokens)
{
"true-red-panda-beacon-7c8": {
"bg": {
"$type": "color",
"$value": "#ffe7dc"
},
"surface": {
"$type": "color",
"$value": "#ffc6b6"
},
"muted": {
"$type": "color",
"$value": "#ed9e7b"
},
"primary": {
"$type": "color",
"$value": "#d3683c"
},
"secondary": {
"$type": "color",
"$value": "#be5328"
},
"accent": {
"$type": "color",
"$value": "#8c3500"
},
"highlight": {
"$type": "color",
"$value": "#642500"
},
"border": {
"$type": "color",
"$value": "#3b0d00"
},
"text": {
"$type": "color",
"$value": "#140300"
}
}
}About this palette
True Red Panda Beacon is a 9-color OKLCH-ready palette tagged yellow, warm, 9 colors. Hex values: #FFE7DC, #FFC6B6, #ED9E7B, #D3683C, #BE5328, #8C3500, #642500, #3B0D00, #140300. APCA contrast score Lc 8.6. 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 Beacon by OKLab color distance.