Palette · 7 colors · Lc 9.1
Autumn Fire Harbor palette
Autumn Fire Harbor: a 7-color palette (Orange, Warm, 7 Colors). HEX, RGB, HSL and OKLCH for #FAEAE7, #EBB2B5, #D88287, #C25652, #913207, #5B1702, #280D0C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FAEAE7
surface
#EBB2B5
muted
#D88287
primary
#C25652
secondary
#913207
accent
#5B1702
text
#280D0C
Colors in Autumn Fire Harbor: HEX, RGB, HSL & OKLCH
- #FAEAE7 color page →
bg
#FAEAE7
- RGB
- rgb(250 234 231)
- HSL
- hsl(9 66% 94%)
- OKLCH
- oklch(0.949 0.018 30.3)
WCAG contrast: on white 1.16:1 (Fail) · on black 17.98:1 (AAA)
- #EBB2B5 color page →
surface
#EBB2B5
- RGB
- rgb(235 178 181)
- HSL
- hsl(357 59% 81%)
- OKLCH
- oklch(0.817 0.067 15.1)
WCAG contrast: on white 1.81:1 (Fail) · on black 11.56:1 (AAA)
- #D88287 color page →
muted
#D88287
- RGB
- rgb(216 130 135)
- HSL
- hsl(357 52% 68%)
- OKLCH
- oklch(0.699 0.106 16.4)
WCAG contrast: on white 2.81:1 (Fail) · on black 7.46:1 (AAA)
- #C25652 color page →
primary
#C25652
- RGB
- rgb(194 86 82)
- HSL
- hsl(2 48% 54%)
- OKLCH
- oklch(0.589 0.14 24.4)
WCAG contrast: on white 4.42:1 (Fail) · on black 4.74:1 (AA)
- #913207 color page →
secondary
#913207
- RGB
- rgb(145 50 7)
- HSL
- hsl(19 91% 30%)
- OKLCH
- oklch(0.451 0.137 39.9)
WCAG contrast: on white 7.88:1 (AAA) · on black 2.66:1 (Fail)
- #5B1702 color page →
accent
#5B1702
- RGB
- rgb(91 23 2)
- HSL
- hsl(14 96% 18%)
- OKLCH
- oklch(0.317 0.103 36.8)
WCAG contrast: on white 13.39:1 (AAA) · on black 1.56:1 (Fail)
- #280D0C color page →
text
#280D0C
- RGB
- rgb(40 13 12)
- HSL
- hsl(2 54% 10%)
- OKLCH
- oklch(0.202 0.046 24.1)
WCAG contrast: on white 18.21:1 (AAA) · on black 1.15:1 (Fail)
Export Autumn Fire Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #faeae7;
--surface: #ebb2b5;
--muted: #d88287;
--primary: #c25652;
--secondary: #913207;
--accent: #5b1702;
--text: #280d0c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #faeae7;
--color-surface: #ebb2b5;
--color-muted: #d88287;
--color-primary: #c25652;
--color-secondary: #913207;
--color-accent: #5b1702;
--color-text: #280d0c;
}JSON (DTCG tokens)
{
"autumn-fire-harbor-3h7": {
"bg": {
"$type": "color",
"$value": "#faeae7"
},
"surface": {
"$type": "color",
"$value": "#ebb2b5"
},
"muted": {
"$type": "color",
"$value": "#d88287"
},
"primary": {
"$type": "color",
"$value": "#c25652"
},
"secondary": {
"$type": "color",
"$value": "#913207"
},
"accent": {
"$type": "color",
"$value": "#5b1702"
},
"text": {
"$type": "color",
"$value": "#280d0c"
}
}
}About this palette
Autumn Fire Harbor is a 7-color OKLCH-ready palette tagged orange, warm, 7 colors. Hex values: #FAEAE7, #EBB2B5, #D88287, #C25652, #913207, #5B1702, #280D0C. APCA contrast score Lc 9.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.