Hazy Pier color palette — #F7E6DA · #71A7C2 · #28549E · #003F38 · #201348

Peacock and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#F7E6DA): A whisper-light, dusty gold — the color of old brass.
• Blue Fog (#71A7C2): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#28549E): A full-bodied, balanced violet — the color of a velvet chair.
• Forest (#003F38): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#201348): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Hazy Pier 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

• Ancient Harbor color palette (#E8DBD6, #55AFB3, #00607E, #00411D, #001D46)
• Muted Lagoon color palette (#E9F3EA, #7DA1BB, #005B97, #00383F, #00062A)
• Tempered Petrol Meadow color palette (#F4EDE6, #8CBDB0, #5960A7, #004F53, #37224C)
• Tempered Cobalt color palette (#E8E0D5, #89B9D2, #0079C5, #005861, #031A4C)
• Softworn Cabin color palette (#FFF2ED, #54CBD9, #0077A5, #005936, #142F68)
• Hushed Navy color palette (#FAE8DB, #55889E, #003A7A, #00231D, #090029)
• Lagoon Dune color palette (#CAEFEB, #009494, #00514F, #002222, #00100E)
• Fern Workshop color palette (#E4ECDC, #6CC2D7, #8183C2, #455B00, #002F2D)

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