Hazy Harbor color palette — #D6E4D8 · #AB7E00 · #C42491 · #6B4D00 · #350024

Built around Fuchsia, softened by Mustard — the whole palette hums with optimism and creativity.

The five colors

• Bone (#D6E4D8): A whisper-light, dusty green — the color of a quiet forest floor.
• Mustard (#AB7E00): A luminous, balanced gold — the color of afternoon light on wheat.
• Fuchsia (#C42491): A full-bodied, vivid pink — the color of neon signs at night.
• Bronze (#6B4D00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Indigo (#350024): A deep, shadowed, balanced pink — the color of a candy shop window.

Feels like: Optimism, Creativity, Energy, Balance. Tagged 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

• Airy Villa color palette (#D6FAE7, #827B00, #BC0052, #4C4700, #25000A)
• Scarlet Meadow color palette (#D6F5EC, #689700, #D12D10, #3F5E00, #380300)
• Powdered Veranda color palette (#E4EAB9, #9FA800, #FB2656, #6A6F00, #5B0017)
• Terracotta Quarry color palette (#EFE9D4, #8B7200, #007D50, #A31716, #171100)
• Frosted Drift color palette (#F0DEE5, #C56C00, #008B4C, #7C4100, #00220E)
• Chalky Mustard color palette (#E6FCEC, #D4B44F, #D78AA8, #987D21, #5E3344)
• Pale Amber Terrace color palette (#DCEDDF, #A88900, #7B5B00, #543600, #1A1600)
• Quiet Jade color palette (#C2E6E5, #00B56F, #C26E00, #007747, #3F2000)

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