Hazy Pier color palette — #EBDCD3 · #4D9EBB · #14599D · #003C32 · #08002A

Built around Peacock, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Bone (#EBDCD3): A whisper-light, dusty gold — the color of old brass.
• Cerulean (#4D9EBB): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#14599D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#003C32): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#08002A): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Petrol Garden color palette (#F7E7DC, #6EABC7, #2F65B1, #004B42, #140041)
• Aged Denim Summit color palette (#EFE4EA, #6FACC2, #005699, #002C23, #01000A)
• Spruce Ridge color palette (#E9DCD8, #5EA09C, #006278, #043F07, #000A18)
• Abyss Dune color palette (#D7E3D9, #54899D, #004161, #002223, #00091B)
• Rust Courtyard color palette (#DEE0F0, #BE95BF, #C26351, #005A7C, #130223)
• Timeworn Iris color palette (#F6EDE4, #9FD0C2, #7381C5, #006B6E, #35244B)
• Tempered Pine color palette (#FFF2EE, #C4DCC5, #5C9FBC, #307E49, #243B5A)
• Wandering Nightshade Hollow color palette (#DCF4FF, #006ED1, #421AAC, #330059, #19001A)

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