Hazy Harbor color palette — #F9E6CA · #00DBA4 · #188BE9 · #000B1C · #000104

Azure and Aqua set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#F9E6CA): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Aqua (#00DBA4): A luminous, vivid teal — the color of shallow lagoons.
• Azure (#188BE9): A luminous, vivid blue — the color of open sky before noon.
• Ink (#000B1C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged neon, dark, vibrant, cool.

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

• Worn Veranda color palette (#DFE3D2, #00D5D2, #8571EB, #11041F, #000009)
• Timeworn Cobalt Drift color palette (#EFEACC, #00BAD5, #0077CD, #0B0B15, #000104)
• Marigold Summit color palette (#EDF1CD, #EE9100, #00ADC1, #000D0F, #000102)
• Frosted Sapphire Chapel color palette (#DBE3F8, #3A9A00, #3C58FF, #0C0818, #000106)
• Pale Chartreuse color palette (#D9EFEF, #C7D900, #B3B1FF, #18113D, #01020A)
• Timeworn Parlor color palette (#D3E1F5, #00DDE9, #DD8BFF, #1A1533, #020108)
• Sapphire Lantern color palette (#E5EFFF, #335BFF, #00705F, #004338, #000106)
• Feathered Amethyst Balcony color palette (#EBF0E3, #C78000, #824CF6, #0F002C, #0D0107)

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