Hazy Pier color palette — #E3EABC · #676F00 · #005C98 · #003F6B · #1F2200

Peacock and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#E3EABC): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive (#676F00): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#005C98): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003F6B): A deep, shadowed, balanced blue — the color of open sky before noon.
• Onyx (#1F2200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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

• Aged Nightshade color palette (#E2DFC9, #5A6B00, #1A49B1, #6D0205, #181E00)
• Faded Canyon color palette (#DEEEE3, #816800, #005E9E, #4E008C, #0F0A00)
• Wandering Summit color palette (#D9ECCB, #007A62, #00627F, #6E004E, #00261D)
• Weathered Navy color palette (#FEDEC3, #9A5300, #006B2A, #003589, #331700)
• Pale Garnet color palette (#FDE3C8, #9C5D00, #005855, #5E003E, #361D00)
• Sunlit Station color palette (#B5F1FA, #007682, #1E5677, #470099, #002529)
• Aged Lagoon color palette (#FBF0E3, #BF7F00, #005D77, #613E00, #00151D)
• Quiet Fern color palette (#F2E1D0, #A89A00, #1C6F04, #004740, #002E38)

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