Hazy Harbor color palette — #FDEDF2 · #BC7E2C · #5F6C05 · #004D37 · #351014

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

The five colors

• Blush (#FDEDF2): bright and airy, almost weightless.
• Mustard (#BC7E2C): A luminous, balanced gold — the color of old brass.
• Olive (#5F6C05): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#004D37): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#351014): A deep, shadowed, dusty red — the color of late-summer berries.

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

• Tempered Forest color palette (#FAEDF7, #C77361, #7E5F00, #174E00, #340F20)
• Wandering Alley color palette (#EBF4EE, #B39A4B, #4D804B, #005858, #381D2D)
• Quiet Apricot Lagoon color palette (#FFF3E9, #E48C52, #8D8225, #3A6A48, #552734)
• Powdered Fern Grove color palette (#C9EBCF, #906B00, #275A00, #003431, #1F0500)
• Soft Villa color palette (#FFE6EE, #CE984E, #986E00, #5E4700, #07311E)
• Timeworn Lagoon color palette (#FFF2ED, #D0625A, #277449, #214A74, #2E2F51)
• Washed Delta color palette (#E0F2EE, #548D35, #00625D, #003756, #191300)
• Antique Bronze Thicket color palette (#F0E2E8, #B05B00, #442B07, #201018, #0A0507)

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