Hazy Harbor color palette — #FDD8D1 · #C05000 · #7D4E00 · #3A3200 · #121B00

Built around Terracotta, softened by Coffee — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FDD8D1): A whisper-light, dusty orange — the color of sun-warmed clay.
• Terracotta (#C05000): A full-bodied, vivid orange — the color of sun-warmed clay.
• Coffee (#7D4E00): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#3A3200): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#121B00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

One click turns Hazy 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

• Wandering Bronze color palette (#F0D9CD, #A45C00, #543700, #2A1F00, #061101)
• Muted Cabin color palette (#EBDAE2, #D62A51, #863200, #482900, #171000)
• Muted Bronze Balcony color palette (#F5EDDB, #9D8700, #5F5300, #2C2300, #030200)
• Antique Terracotta color palette (#DCE8DC, #A7BF75, #00AD9D, #9B3C3B, #1F1800)
• Powdered Bronze color palette (#F9E9D7, #8E7F00, #526300, #043E07, #001B11)
• Washed Orchard color palette (#D1F0DC, #8E7500, #006BAC, #534400, #001121)
• Feathered Amber Chapel color palette (#F7E5E1, #E88700, #9E7800, #555400, #154300)
• Soft Study color palette (#F8DFE7, #C72AFA, #997900, #1A1300, #000201)

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