Hazy Harbor color palette — #ECDBEA · #AE7D00 · #183EA0 · #010E3E · #050005
A conversation between Indigo and Mustard, giving this palette its sense of optimism and creativity.
The five colors
- Shell Pink (#ECDBEA): A whisper-light, dusty pink — the color of neon signs at night.
- Mustard (#AE7D00): A luminous, balanced gold — the color of afternoon light on wheat.
- Indigo (#183EA0): A full-bodied, vivid violet — the color of twilight just after sunset.
- Deep Indigo (#010E3E): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Black (#050005): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Optimism, Creativity, Balance. Tagged luxury, dark.
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 Ember color palette (#EADAEA, #DD5422, #0B468F, #001434, #050005)
- Moss Villa color palette (#EDD9E2, #629900, #53308E, #1C013D, #060002)
- Antique Balcony color palette (#F1E7EB, #B29B95, #9E8270, #6851A5, #0F060B)
- Midnight Onyx color palette (#DCE7F7, #9D7100, #010E53, #080713, #00000B)
- Twilit Navy Villa color palette (#D2E0F3, #008A61, #00226C, #1A101C, #00031C)
- Muted Sapphire Harbor color palette (#ECDFEA, #1E53FE, #6E6300, #504700, #000010)
- Pale Lime Canyon color palette (#FBEBF3, #7FBA3E, #6956AD, #39305D, #080004)
- Hazy Lime Thicket color palette (#E8D8E4, #80D15D, #5D73C2, #394671, #130610)
Browse the whole catalog at Explore, or see today's palette.