Hazy Harbor color palette — #F8F6B2 · #99F19C · #00B8B0 · #7D5600 · #172200

Built around Mint, softened by Turquoise — the whole palette hums with nature and growth.

The five colors

• Custard (#F8F6B2): A whisper-light, balanced green — the color of fresh herbs.
• Mint (#99F19C): A whisper-light, balanced green — the color of new leaves after rain.
• Turquoise (#00B8B0): A luminous, balanced teal — the color of sea glass.
• Coffee (#7D5600): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#172200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged pastel, light.

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

• Mint Hollow color palette (#FFF1CB, #BFD57C, #30C6A1, #915000, #211F00)
• Powdered Station color palette (#CBFFF0, #89DFB8, #00BED6, #7A5E00, #042401)
• Mint Grove color palette (#FFF5D6, #B3ECAF, #00D4C5, #AD7200, #294400)
• Hushed Clover Chapel color palette (#D4FEEE, #B6D99B, #5DC574, #675F00, #334400)
• Antique Grove color palette (#D7F4E4, #7C9A39, #665D00, #4A3000, #001803)
• Feathered Olive color palette (#C9FFF6, #91EFF8, #68C3E9, #7C7D0D, #002F2F)
• Frosted Brick color palette (#FFEEE1, #EBC44E, #81C266, #AB3122, #311E00)
• Washed Ridge color palette (#D5F3F7, #52BFCE, #5888C0, #2A5311, #001312)

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