Hazy Harbor color palette — #F4DDD8 · #DF7800 · #935E00 · #493C00 · #242500

Tangerine and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F4DDD8): A whisper-light, dusty orange — the color of autumn markets.
• Tangerine (#DF7800): A luminous, vivid gold — the color of old brass.
• Ochre (#935E00): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#493C00): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#242500): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, 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

• Powdered Amber Lantern color palette (#FFDBDA, #D87F5A, #945F00, #534800, #323C00)
• Amber Meadow color palette (#FFF2E9, #FFB166, #C78200, #815800, #372700)
• Soft Studio color palette (#FFEAD2, #BA8C00, #6F6C00, #3C4C00, #092906)
• Tempered Taupe Terrace color palette (#ECDECD, #A99851, #835C1D, #5A321C, #1D1800)
• Hushed Coral color palette (#FFE1E8, #E5615E, #A83F00, #653400, #2E1E00)
• Antique Mustard Meadow color palette (#FFF2C4, #CFA800, #766500, #3E3300, #0F0900)
• Antique Amber color palette (#F4E7D5, #B88800, #3880C1, #6D4F00, #001D38)
• Muted Bronze Field color palette (#FFEFDA, #D4DCA8, #8BC0A1, #97604D, #312814)

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