Hazy Harbor color palette — #FFF1F3 · #AF5BB1 · #A15D36 · #185880 · #422C2F

Orchid takes the lead with Ochre close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Orchid (#AF5BB1): A luminous, balanced pink — the color of neon signs at night.
• Ochre (#A15D36): A full-bodied, balanced orange — the color of toasted spice.
• Peacock (#185880): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#422C2F): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Trust, Stability, Optimism, Creativity, 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

• Softworn Indigo color palette (#FFF0F9, #7072DE, #9F576D, #0D5F5F, #3D2D37)
• Muted Crimson color palette (#FFF2EE, #CB5368, #81702A, #504C7A, #442C26)
• Aged Driftwood color palette (#FFECF0, #A171AC, #767A3F, #0D604C, #291218)
• Pewter Loft color palette (#FCF2F2, #E2D8D1, #CABDB1, #946378, #4F4544)
• Patina Coral color palette (#FFF3E8, #DF7081, #9E503F, #545016, #4E372F)
• Washed Summit color palette (#FDF2F3, #DC92C8, #A64E61, #804A73, #2F201C)
• Misty Study color palette (#FFDAD9, #B7007C, #7C4C00, #102C96, #380A25)
• Hushed Loft color palette (#F5F3FF, #BC88C8, #8F9555, #118167, #332F47)

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