Palette · 8 colors · Lc 9.7
Ferocious Fox Fog palette
Ferocious Fox Fog: a 8-color palette (Yellow, Warm, 8 Colors). HEX, RGB, HSL and OKLCH for #FFF0D2, #FFB873, #F28400, #DE5D00, #B83000, #7C0D00, #421100, #170700, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFF0D2
surface
#FFB873
muted
#F28400
primary
#DE5D00
secondary
#B83000
accent
#7C0D00
highlight
#421100
text
#170700
Colors in Ferocious Fox Fog: HEX, RGB, HSL & OKLCH
- #FFF0D2 color page →
bg
#FFF0D2
- RGB
- rgb(255 240 210)
- HSL
- hsl(40 100% 91%)
- OKLCH
- oklch(0.959 0.042 84.6)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.64:1 (AAA)
- #FFB873 color page →
surface
#FFB873
- RGB
- rgb(255 184 115)
- HSL
- hsl(30 100% 73%)
- OKLCH
- oklch(0.835 0.119 64.2)
WCAG contrast: on white 1.69:1 (Fail) · on black 12.35:1 (AAA)
- #F28400 color page →
muted
#F28400
- RGB
- rgb(242 132 0)
- HSL
- hsl(33 100% 47%)
- OKLCH
- oklch(0.72 0.172 58)
WCAG contrast: on white 2.60:1 (Fail) · on black 8.07:1 (AAA)
- #DE5D00 color page →
primary
#DE5D00
- RGB
- rgb(222 93 0)
- HSL
- hsl(25 100% 44%)
- OKLCH
- oklch(0.634 0.18 45.4)
WCAG contrast: on white 3.70:1 (Fail) · on black 5.67:1 (AA)
- #B83000 color page →
secondary
#B83000
- RGB
- rgb(184 48 0)
- HSL
- hsl(16 100% 36%)
- OKLCH
- oklch(0.518 0.179 35.6)
WCAG contrast: on white 6.06:1 (AA) · on black 3.46:1 (Fail)
- #7C0D00 color page →
accent
#7C0D00
- RGB
- rgb(124 13 0)
- HSL
- hsl(6 100% 24%)
- OKLCH
- oklch(0.375 0.145 31.3)
WCAG contrast: on white 10.96:1 (AAA) · on black 1.91:1 (Fail)
- #421100 color page →
highlight
#421100
- RGB
- rgb(66 17 0)
- HSL
- hsl(15 100% 13%)
- OKLCH
- oklch(0.258 0.081 40.1)
WCAG contrast: on white 16.00:1 (AAA) · on black 1.31:1 (Fail)
- #170700 color page →
text
#170700
- RGB
- rgb(23 7 0)
- HSL
- hsl(18 100% 5%)
- OKLCH
- oklch(0.152 0.037 56.7)
WCAG contrast: on white 19.68:1 (AAA) · on black 1.06:1 (Fail)
Export Ferocious Fox Fog: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fff0d2;
--surface: #ffb873;
--muted: #f28400;
--primary: #de5d00;
--secondary: #b83000;
--accent: #7c0d00;
--highlight: #421100;
--text: #170700;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fff0d2;
--color-surface: #ffb873;
--color-muted: #f28400;
--color-primary: #de5d00;
--color-secondary: #b83000;
--color-accent: #7c0d00;
--color-highlight: #421100;
--color-text: #170700;
}JSON (DTCG tokens)
{
"ferocious-fox-fog-4fs": {
"bg": {
"$type": "color",
"$value": "#fff0d2"
},
"surface": {
"$type": "color",
"$value": "#ffb873"
},
"muted": {
"$type": "color",
"$value": "#f28400"
},
"primary": {
"$type": "color",
"$value": "#de5d00"
},
"secondary": {
"$type": "color",
"$value": "#b83000"
},
"accent": {
"$type": "color",
"$value": "#7c0d00"
},
"highlight": {
"$type": "color",
"$value": "#421100"
},
"text": {
"$type": "color",
"$value": "#170700"
}
}
}About this palette
Ferocious Fox Fog is a 8-color OKLCH-ready palette tagged yellow, warm, 8 colors. Hex values: #FFF0D2, #FFB873, #F28400, #DE5D00, #B83000, #7C0D00, #421100, #170700. APCA contrast score Lc 9.7. 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 Ferocious Fox Fog by OKLab color distance.