Hazy Harbor color palette — #FED8D2 · #C38144 · #705700 · #393D00 · #0E3000

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

The five colors

• Shell Pink (#FED8D2): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mustard (#C38144): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#705700): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#393D00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Deep Forest (#0E3000): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

• Chalky Meadow color palette (#FFDBE5, #CD786D, #8F4400, #4C3400, #282A00)
• Linen Amber Quarry color palette (#FFE7D5, #A88522, #505B00, #004318, #00281E)
• Marigold Studio color palette (#FFEBE6, #F8971C, #AB8700, #5F7200, #002E0C)
• Hushed Hollow color palette (#CFE5CF, #B25D27, #525000, #2E1B7C, #351F00)
• Olive Garden color palette (#F6E9DA, #776E00, #2D4000, #002412, #000C0B)
• Faded Olive Basin color palette (#E1F5E0, #FF9281, #BE7600, #2D8000, #2D2500)
• Frosted Market color palette (#FFF2E8, #B8A977, #717A25, #005E1E, #00483A)
• Weathered Cabin color palette (#F4ECEF, #C5CFC7, #8DA79C, #814100, #382930)

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