Palette · 9 colors · Lc 9.2
True Fox Studio palette
True Fox Studio: a 9-color palette (Orange, Warm, Sunset, 9 Colors). HEX, RGB, HSL and OKLCH for #FFEADC, #F3B899, #F48A66, #E5735E, #C75136, #AF3A4D, #892846, #49183E, #1E152F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFEADC
surface
#F3B899
muted
#F48A66
primary
#E5735E
secondary
#C75136
accent
#AF3A4D
highlight
#892846
border
#49183E
text
#1E152F
Colors in True Fox Studio: HEX, RGB, HSL & OKLCH
- #FFEADC color page →
bg
#FFEADC
- RGB
- rgb(255 234 220)
- HSL
- hsl(24 100% 93%)
- OKLCH
- oklch(0.95 0.03 56)
WCAG contrast: on white 1.16:1 (Fail) · on black 18.05:1 (AAA)
- #F3B899 color page →
surface
#F3B899
- RGB
- rgb(243 184 153)
- HSL
- hsl(21 79% 78%)
- OKLCH
- oklch(0.829 0.081 48.9)
WCAG contrast: on white 1.73:1 (Fail) · on black 12.12:1 (AAA)
- #F48A66 color page →
muted
#F48A66
- RGB
- rgb(244 138 102)
- HSL
- hsl(15 87% 68%)
- OKLCH
- oklch(0.741 0.139 39.4)
WCAG contrast: on white 2.42:1 (Fail) · on black 8.67:1 (AAA)
- #E5735E color page →
primary
#E5735E
- RGB
- rgb(229 115 94)
- HSL
- hsl(9 72% 63%)
- OKLCH
- oklch(0.684 0.146 31.9)
WCAG contrast: on white 3.02:1 (Fail) · on black 6.94:1 (AA)
- #C75136 color page →
secondary
#C75136
- RGB
- rgb(199 81 54)
- HSL
- hsl(11 57% 50%)
- OKLCH
- oklch(0.585 0.157 34.3)
WCAG contrast: on white 4.50:1 (AA) · on black 4.65:1 (AA)
- #AF3A4D color page →
accent
#AF3A4D
- RGB
- rgb(175 58 77)
- HSL
- hsl(350 50% 46%)
- OKLCH
- oklch(0.521 0.152 14.6)
WCAG contrast: on white 5.94:1 (AA) · on black 3.53:1 (Fail)
- #892846 color page →
highlight
#892846
- RGB
- rgb(137 40 70)
- HSL
- hsl(341 55% 35%)
- OKLCH
- oklch(0.435 0.133 5.8)
WCAG contrast: on white 8.55:1 (AAA) · on black 2.45:1 (Fail)
- #49183E color page →
border
#49183E
- RGB
- rgb(73 24 62)
- HSL
- hsl(313 51% 19%)
- OKLCH
- oklch(0.301 0.091 337.4)
WCAG contrast: on white 14.15:1 (AAA) · on black 1.48:1 (Fail)
- #1E152F color page →
text
#1E152F
- RGB
- rgb(30 21 47)
- HSL
- hsl(261 38% 13%)
- OKLCH
- oklch(0.221 0.05 298.2)
WCAG contrast: on white 17.44:1 (AAA) · on black 1.20:1 (Fail)
Export True Fox Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffeadc;
--surface: #f3b899;
--muted: #f48a66;
--primary: #e5735e;
--secondary: #c75136;
--accent: #af3a4d;
--highlight: #892846;
--border: #49183e;
--text: #1e152f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffeadc;
--color-surface: #f3b899;
--color-muted: #f48a66;
--color-primary: #e5735e;
--color-secondary: #c75136;
--color-accent: #af3a4d;
--color-highlight: #892846;
--color-border: #49183e;
--color-text: #1e152f;
}JSON (DTCG tokens)
{
"true-fox-studio-7og": {
"bg": {
"$type": "color",
"$value": "#ffeadc"
},
"surface": {
"$type": "color",
"$value": "#f3b899"
},
"muted": {
"$type": "color",
"$value": "#f48a66"
},
"primary": {
"$type": "color",
"$value": "#e5735e"
},
"secondary": {
"$type": "color",
"$value": "#c75136"
},
"accent": {
"$type": "color",
"$value": "#af3a4d"
},
"highlight": {
"$type": "color",
"$value": "#892846"
},
"border": {
"$type": "color",
"$value": "#49183e"
},
"text": {
"$type": "color",
"$value": "#1e152f"
}
}
}About this palette
True Fox Studio is a 9-color OKLCH-ready palette tagged orange, warm, sunset, 9 colors. Hex values: #FFEADC, #F3B899, #F48A66, #E5735E, #C75136, #AF3A4D, #892846, #49183E, #1E152F. APCA contrast score Lc 9.2. 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 Fox Studio by OKLab color distance.