Hazy Pier color palette — #DFFEE9 · #71D8EC · #00A3BF · #006A7B · #00363F

Cerulean and Ice Blue set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#DFFEE9): A whisper-light, dusty teal — the color of shallow lagoons.
• Ice Blue (#71D8EC): A whisper-light, balanced blue — the color of deep harbor water.
• Cerulean (#00A3BF): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006A7B): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#00363F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged monochrome, cool.

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

• Azure Orchard color palette (#D8FFF4, #A5D3FF, #4D9BE3, #126199, #06314E)
• Faded Boulevard color palette (#DDFFE8, #50CCED, #008597, #004D58, #00313A)
• Turquoise Archive color palette (#E9F8FF, #C9DFF4, #4AAFC5, #006275, #002026)
• Cerulean Parlor color palette (#DBF0F9, #0093BD, #005E7A, #002837, #000204)
• Chalky Lagoon color palette (#E9FDD8, #8DE2BB, #00AB7C, #006C50, #003426)
• Weathered Loft color palette (#EDEACE, #FCA8FC, #6CC9FF, #274D40, #1E2824)
• Wisteria Coast color palette (#FAF2FA, #9EC7FF, #BF6BBE, #4180D6, #2F1F21)
• Weathered Pier color palette (#ECF9F4, #DEC081, #2F78AB, #1B4665, #172521)

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