Palette · 8 colors · Lc 8.4
Track and Field Studio palette
Track and Field Studio: a 8-color palette (Orange, Warm, Sunset, 8 Colors). HEX, RGB, HSL and OKLCH for #FFE7D6, #FFB8A0, #E48968, #DC6758, #BC5252, #912A4C, #4B1D4A, #120E29, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFE7D6
surface
#FFB8A0
muted
#E48968
primary
#DC6758
secondary
#BC5252
accent
#912A4C
highlight
#4B1D4A
text
#120E29
Colors in Track and Field Studio: HEX, RGB, HSL & OKLCH
- #FFE7D6 color page →
bg
#FFE7D6
- RGB
- rgb(255 231 214)
- HSL
- hsl(25 100% 92%)
- OKLCH
- oklch(0.943 0.035 57.6)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.65:1 (AAA)
- #FFB8A0 color page →
surface
#FFB8A0
- RGB
- rgb(255 184 160)
- HSL
- hsl(15 100% 81%)
- OKLCH
- oklch(0.843 0.089 39.5)
WCAG contrast: on white 1.66:1 (Fail) · on black 12.61:1 (AAA)
- #E48968 color page →
muted
#E48968
- RGB
- rgb(228 137 104)
- HSL
- hsl(16 70% 65%)
- OKLCH
- oklch(0.719 0.121 40.6)
WCAG contrast: on white 2.59:1 (Fail) · on black 8.07:1 (AAA)
- #DC6758 color page →
primary
#DC6758
- RGB
- rgb(220 103 88)
- HSL
- hsl(7 65% 60%)
- OKLCH
- oklch(0.652 0.15 29.2)
WCAG contrast: on white 3.42:1 (Fail) · on black 6.12:1 (AA)
- #BC5252 color page →
secondary
#BC5252
- RGB
- rgb(188 82 82)
- HSL
- hsl(0 44% 53%)
- OKLCH
- oklch(0.574 0.137 22.4)
WCAG contrast: on white 4.70:1 (AA) · on black 4.46:1 (Fail)
- #912A4C color page →
accent
#912A4C
- RGB
- rgb(145 42 76)
- HSL
- hsl(340 55% 37%)
- OKLCH
- oklch(0.453 0.14 4.6)
WCAG contrast: on white 7.95:1 (AAA) · on black 2.63:1 (Fail)
- #4B1D4A color page →
highlight
#4B1D4A
- RGB
- rgb(75 29 74)
- HSL
- hsl(301 44% 20%)
- OKLCH
- oklch(0.318 0.095 328.4)
WCAG contrast: on white 13.34:1 (AAA) · on black 1.57:1 (Fail)
- #120E29 color page →
text
#120E29
- RGB
- rgb(18 14 41)
- HSL
- hsl(249 49% 11%)
- OKLCH
- oklch(0.186 0.053 286.9)
WCAG contrast: on white 18.74:1 (AAA) · on black 1.12:1 (Fail)
Export Track and Field Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ffe7d6;
--surface: #ffb8a0;
--muted: #e48968;
--primary: #dc6758;
--secondary: #bc5252;
--accent: #912a4c;
--highlight: #4b1d4a;
--text: #120e29;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ffe7d6;
--color-surface: #ffb8a0;
--color-muted: #e48968;
--color-primary: #dc6758;
--color-secondary: #bc5252;
--color-accent: #912a4c;
--color-highlight: #4b1d4a;
--color-text: #120e29;
}JSON (DTCG tokens)
{
"track-and-field-studio-5mg": {
"bg": {
"$type": "color",
"$value": "#ffe7d6"
},
"surface": {
"$type": "color",
"$value": "#ffb8a0"
},
"muted": {
"$type": "color",
"$value": "#e48968"
},
"primary": {
"$type": "color",
"$value": "#dc6758"
},
"secondary": {
"$type": "color",
"$value": "#bc5252"
},
"accent": {
"$type": "color",
"$value": "#912a4c"
},
"highlight": {
"$type": "color",
"$value": "#4b1d4a"
},
"text": {
"$type": "color",
"$value": "#120e29"
}
}
}About this palette
Track and Field Studio is a 8-color OKLCH-ready palette tagged orange, warm, sunset, 8 colors. Hex values: #FFE7D6, #FFB8A0, #E48968, #DC6758, #BC5252, #912A4C, #4B1D4A, #120E29. APCA contrast score Lc 8.4. 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 Track and Field Studio by OKLab color distance.