Hazy Harbor color palette — #F7D8DF · #9630B3 · #5D4000 · #003538 · #021C29
A conversation between Orchid and Bronze, giving this palette its sense of optimism and creativity.
The five colors
- Shell Pink (#F7D8DF): A whisper-light, dusty red — the color of embers at dusk.
- Orchid (#9630B3): A full-bodied, vivid pink — the color of neon signs at night.
- Bronze (#5D4000): A deep, shadowed, balanced gold — the color of old brass.
- Deep Forest (#003538): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#021C29): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Soft Plum color palette (#F9D8D7, #B70081, #424C00, #003535, #091B2E)
- Gentle Canyon color palette (#F8D7E6, #7831E2, #6A3700, #003913, #00201A)
- Quiet Canyon color palette (#FFEDEF, #A94CA6, #625300, #00434C, #0A283B)
- Orchid Balcony color palette (#DEDFF8, #A067D2, #566E00, #004D4A, #002524)
- Airy Plum color palette (#FFE0D7, #CD0042, #005D17, #00345D, #19193F)
- Deep Mulberry Garden color palette (#F4E2E1, #980063, #2F0F02, #0C1811, #170203)
- Velvet Alley color palette (#FFE6E0, #8C0030, #043404, #00171E, #02030E)
- Peony Dune color palette (#FFEDED, #B8A8FF, #E13D9D, #A33900, #3A131E)
Browse the whole catalog at Explore, or see today's palette.