Tempered Harbor color palette — #FFF1F0 · #FFC1B7 · #F65719 · #AE4500 · #5D2800
A conversation between Pumpkin and Terracotta, giving this palette its sense of optimism and warmth.
The five colors
- Ivory (#FFF1F0): bright and airy, almost weightless.
- Wheat (#FFC1B7): A whisper-light, dusty orange — the color of autumn markets.
- Pumpkin (#F65719): A luminous, vivid orange — the color of autumn markets.
- Terracotta (#AE4500): A full-bodied, balanced orange — the color of sun-warmed clay.
- Espresso (#5D2800): A deep, shadowed, balanced gold — the color of old brass.
Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged vibrant, warm.
Use it as a design system
One click turns Tempered Harbor into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Amber Coast color palette (#FFF2ED, #FFC09C, #E17B00, #894F00, #4C2F00)
- Hushed Rust color palette (#FCDBDD, #E97268, #B13C00, #6D3100, #371C00)
- Muted Rose color palette (#FFF1F6, #FFB9CE, #FA477E, #A23149, #622526)
- Weathered Amber color palette (#F9D9C4, #D37B00, #815000, #442C00, #120B00)
- Muted Clover Archive color palette (#FFF2E9, #FFB388, #35CF59, #C45C00, #003A0F)
- Washed Marigold color palette (#FFF3E6, #FFC476, #CF9D30, #836B21, #47433D)
- Worn Harbor color palette (#FFF3E8, #DDDDCA, #B9C7D3, #D38F6A, #533200)
- Apricot Terrace color palette (#FFF2EA, #FF8C26, #8EAC00, #C45D93, #371800)
Browse the whole catalog at Explore, or see today's palette.