Hazy Harbor color palette — #D3FEE5 · #DA5F9D · #895300 · #00406F · #340D10

Built around Hot Pink, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D3FEE5): A whisper-light, dusty teal — the color of shallow lagoons.
• Hot Pink (#DA5F9D): A luminous, vivid rose — the color of pressed rose petals.
• Ochre (#895300): A full-bodied, balanced gold — the color of old brass.
• Navy (#00406F): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Onyx (#340D10): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Trust, Stability, Optimism, Warmth. Tagged retro, 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

• Quiet Rose color palette (#D8F0DE, #CD6567, #6B5A00, #1D366A, #270D1D)
• Dusty Brick color palette (#D6FBF1, #BB6AD5, #B02400, #004655, #310C23)
• Rose Atelier color palette (#DEFFE5, #F24239, #875200, #005052, #502919)
• Olive Loft color palette (#FFECF3, #D0876E, #697200, #453B78, #311B23)
• Blush Basin color palette (#FFF5D4, #FF6FA1, #A67200, #00628E, #54261F)
• Raspberry Station color palette (#FAECFF, #D8417C, #006A60, #00386E, #001834)
• Tempered Driftwood Archive color palette (#EDDDF3, #D6A3A4, #947F3D, #524275, #2F204B)
• Feathered Amber color palette (#FFF4E2, #FFA396, #BA7300, #006568, #421B09)

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