Palette · 5 colors · Lc 8.1
Autumn Fire Harbor palette
Autumn Fire Harbor: a 5-color palette (Orange, Warm, Sunset, 5 Colors). HEX, RGB, HSL and OKLCH for #FED9C6, #EE8C79, #C55754, #842D47, #130D2A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FED9C6
surface
#EE8C79
primary
#C55754
accent
#842D47
text
#130D2A
Colors in Autumn Fire Harbor: HEX, RGB, HSL & OKLCH
- #FED9C6 color page →
bg
#FED9C6
- RGB
- rgb(254 217 198)
- HSL
- hsl(20 97% 89%)
- OKLCH
- oklch(0.911 0.049 48.8)
WCAG contrast: on white 1.31:1 (Fail) · on black 15.95:1 (AAA)
- #EE8C79 color page →
surface
#EE8C79
- RGB
- rgb(238 140 121)
- HSL
- hsl(10 77% 70%)
- OKLCH
- oklch(0.74 0.123 31.9)
WCAG contrast: on white 2.42:1 (Fail) · on black 8.66:1 (AAA)
- #C55754 color page →
primary
#C55754
- RGB
- rgb(197 87 84)
- HSL
- hsl(2 49% 55%)
- OKLCH
- oklch(0.595 0.142 23.9)
WCAG contrast: on white 4.31:1 (Fail) · on black 4.86:1 (AA)
- #842D47 color page →
accent
#842D47
- RGB
- rgb(132 45 71)
- HSL
- hsl(342 49% 35%)
- OKLCH
- oklch(0.432 0.121 5.3)
WCAG contrast: on white 8.58:1 (AAA) · on black 2.44:1 (Fail)
- #130D2A color page →
text
#130D2A
- RGB
- rgb(19 13 42)
- HSL
- hsl(252 53% 11%)
- OKLCH
- oklch(0.186 0.057 289.2)
WCAG contrast: on white 18.77:1 (AAA) · on black 1.11:1 (Fail)
Export Autumn Fire Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fed9c6;
--surface: #ee8c79;
--primary: #c55754;
--accent: #842d47;
--text: #130d2a;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fed9c6;
--color-surface: #ee8c79;
--color-primary: #c55754;
--color-accent: #842d47;
--color-text: #130d2a;
}JSON (DTCG tokens)
{
"autumn-fire-harbor-3t4": {
"bg": {
"$type": "color",
"$value": "#fed9c6"
},
"surface": {
"$type": "color",
"$value": "#ee8c79"
},
"primary": {
"$type": "color",
"$value": "#c55754"
},
"accent": {
"$type": "color",
"$value": "#842d47"
},
"text": {
"$type": "color",
"$value": "#130d2a"
}
}
}About this palette
Autumn Fire Harbor is a 5-color OKLCH-ready palette tagged orange, warm, sunset, 5 colors. Hex values: #FED9C6, #EE8C79, #C55754, #842D47, #130D2A. APCA contrast score Lc 8.1. 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 Autumn Fire Harbor by OKLab color distance.