Palette · 4 colors · Lc 9
Pumpkin Cat Noir palette
Pumpkin Cat Noir: a 4-color palette (Yellow, Warm, 4 Colors). HEX, RGB, HSL and OKLCH for #FFF0D4, #E57E00, #8C2800, #190700, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFF0D4
surface
#E57E00
accent
#8C2800
text
#190700
Colors in Pumpkin Cat Noir: HEX, RGB, HSL & OKLCH
- #FFF0D4 color page →
bg
#FFF0D4
- RGB
- rgb(255 240 212)
- HSL
- hsl(39 100% 92%)
- OKLCH
- oklch(0.96 0.04 83.1)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.66:1 (AAA)
- #E57E00 color page →
surface
#E57E00
- RGB
- rgb(229 126 0)
- HSL
- hsl(33 100% 45%)
- OKLCH
- oklch(0.693 0.165 58.7)
WCAG contrast: on white 2.87:1 (Fail) · on black 7.31:1 (AAA)
- #8C2800 color page →
accent
#8C2800
- RGB
- rgb(140 40 0)
- HSL
- hsl(17 100% 27%)
- OKLCH
- oklch(0.43 0.141 37.7)
WCAG contrast: on white 8.68:1 (AAA) · on black 2.41:1 (Fail)
- #190700 color page →
text
#190700
- RGB
- rgb(25 7 0)
- HSL
- hsl(17 100% 5%)
- OKLCH
- oklch(0.156 0.04 53.3)
WCAG contrast: on white 19.59:1 (AAA) · on black 1.07:1 (Fail)
Export Pumpkin Cat Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fff0d4;
--surface: #e57e00;
--accent: #8c2800;
--text: #190700;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fff0d4;
--color-surface: #e57e00;
--color-accent: #8c2800;
--color-text: #190700;
}JSON (DTCG tokens)
{
"pumpkin-cat-noir-4hs": {
"bg": {
"$type": "color",
"$value": "#fff0d4"
},
"surface": {
"$type": "color",
"$value": "#e57e00"
},
"accent": {
"$type": "color",
"$value": "#8c2800"
},
"text": {
"$type": "color",
"$value": "#190700"
}
}
}About this palette
Pumpkin Cat Noir is a 4-color OKLCH-ready palette tagged yellow, warm, 4 colors. Hex values: #FFF0D4, #E57E00, #8C2800, #190700. APCA contrast score Lc 9. 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 Pumpkin Cat Noir by OKLab color distance.