Tempered Harbor color palette — #FFD9DE · #FF5D5B · #C25700 · #774100 · #422F00

Built around Watermelon, softened by Terracotta — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#FFD9DE): A whisper-light, dusty red — the color of embers at dusk.
• Watermelon (#FF5D5B): A luminous, vivid orange — the color of autumn markets.
• Terracotta (#C25700): A full-bodied, balanced orange — the color of autumn markets.
• Bronze (#774100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#422F00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged 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

• Scarlet Corridor color palette (#EBD8E2, #FA6080, #E10D0E, #853300, #462800)
• Misty Rust Terrace color palette (#FFF1F3, #FF9385, #CF5300, #704500, #342500)
• Linen Villa color palette (#ECDAD4, #ED8500, #A37400, #6C5700, #2E3100)
• Marigold Garden color palette (#FFE7D1, #F59403, #AB6600, #6C3E00, #241400)
• Quiet Terracotta Cabin color palette (#F7D2E5, #D39746, #BA5600, #9B0E1E, #322800)
• Worn Amber color palette (#FDD9E8, #E97F00, #009BBE, #9C5300, #003441)
• Crimson Canyon color palette (#FFF0F8, #F5D684, #8ACB36, #EE1641, #4E2F00)
• Hushed Bronze Bloom color palette (#FFF0FE, #F5BFB1, #CF9168, #9C7020, #335842)

Browse the whole catalog at Explore, or see today's palette.