Hazy Harbor color palette — #E1DDFC · #D09DD5 · #C26094 · #9F0130 · #511F00

Built around Garnet, softened by Hot Pink — the whole palette hums with optimism and creativity.

The five colors

• Thistle (#E1DDFC): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#D09DD5): A luminous, balanced pink — the color of a candy shop window.
• Hot Pink (#C26094): A luminous, balanced rose — the color of a warm blush.
• Garnet (#9F0130): A full-bodied, vivid red — the color of late-summer berries.
• Espresso (#511F00): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Optimism, Creativity, Warmth, Comfort, 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

• Frosted Harbor color palette (#F5F3FF, #F1A6FD, #D16AA1, #892B33, #411900)
• Linen Balcony color palette (#FCD1F8, #DD95B4, #CF5F66, #883D00, #452C00)
• Frosted Garnet Lagoon color palette (#FFCCF4, #D583B3, #A8386C, #80003C, #61001C)
• Chalky Bloom color palette (#D5E5FF, #B0ADEC, #A165C1, #9D1173, #5F001C)
• Hushed Plum Basin color palette (#EFE9FC, #C46AB6, #AD1F5B, #6D0400, #271000)
• Ancient Plum Orchard color palette (#DBF6EB, #B091D7, #B55170, #006360, #33294B)
• Violet Atelier color palette (#F5F4FC, #E0D6DC, #CEB8BF, #9D68AE, #3A3848)
• Rust Market color palette (#F9DFE7, #B4443B, #763500, #291D00, #030300)

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