Hazy Harbor color palette — #FFF0F7 · #DA6B00 · #408900 · #005C96 · #2D1A31

Olive Leaf takes the lead with Pumpkin close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Pumpkin (#DA6B00): A luminous, vivid gold — the color of old brass.
• Olive Leaf (#408900): A full-bodied, vivid green — the color of new leaves after rain.
• Peacock (#005C96): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#2D1A31): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

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 (#FFF0FF, #F24A68, #678400, #005B7F, #2D1D38)
• Hushed Navy color palette (#FFF0F7, #CA7237, #008569, #2B4099, #2A1224)
• Weathered Thicket color palette (#FFF2ED, #F95353, #008966, #005579, #25050E)
• Muted Ultramarine color palette (#FFEFFF, #FF5770, #368E00, #0047C3, #3F1F55)
• Grape Summit color palette (#FFF1F6, #D77800, #008485, #772F9F, #321623)
• Misty Ultramarine color palette (#DEFFE6, #FF786B, #9D7700, #1554B8, #512911)
• Pale Canyon color palette (#FFF2EA, #FF834B, #ADA220, #1C68CC, #371802)
• Chalky Crimson color palette (#F3E7F4, #D32B5C, #00704B, #3231A1, #200C24)

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