Hazy Harbor color palette — #F3E1FF · #F2A9B3 · #CD7669 · #86702E · #494C1A

A conversation between Coral Clay and Walnut, giving this palette its sense of nature and growth.

The five colors

• Blush (#F3E1FF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Ballet Pink (#F2A9B3): A luminous, balanced red — the color of late-summer berries.
• Coral Clay (#CD7669): A luminous, balanced orange — the color of toasted spice.
• Walnut (#86702E): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#494C1A): A full-bodied, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged vintage, retro, muted.

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

• Blush Loft color palette (#EDECFF, #E6B0D7, #C97C9E, #895F3E, #5C3F0F)
• Aged Driftwood color palette (#F1D6F4, #CBAFC5, #B78064, #43705E, #2A4B44)
• Timeworn Lantern color palette (#F8E2FF, #CF9191, #AD7665, #655E22, #303B0D)
• Mallow Coast color palette (#FCF1FF, #F8B2D7, #D09891, #6C9964, #125345)
• Hushed Chestnut color palette (#FBD7CE, #B27148, #835301, #2A461D, #002612)
• Airy Alley color palette (#F9DDC6, #D5AC6F, #968431, #156F46, #004339)
• Washed Villa color palette (#F2DFBF, #847643, #525900, #003830, #001616)
• Coral Villa color palette (#FFE0F9, #FF5C50, #AA8C00, #B04CC0, #4F1F1B)

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