Hazy Pier color palette — #DFFDF5 · #78BCFF · #BA6D00 · #007B46 · #00211B

A conversation between Ochre and Pine, giving this palette its sense of nature and growth.

The five colors

• Ivory (#DFFDF5): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#78BCFF): A luminous, balanced blue — the color of open sky before noon.
• Ochre (#BA6D00): A luminous, balanced gold — the color of old brass.
• Pine (#007B46): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#00211B): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Feathered Sky color palette (#E4FBF4, #60B5FF, #8F7900, #006F63, #001A15)
• Pale Bronze color palette (#FFF0F8, #B1AAFF, #B07400, #007A59, #1A1536)
• Soft Amber color palette (#E7FCE5, #00BEB9, #E26A00, #4F7500, #0B210A)
• Washed Rose color palette (#E3FCF2, #24B2F8, #EB5579, #806200, #001E2F)
• Weathered Drift color palette (#FFF0F7, #9D78FF, #A65A00, #00684B, #130D2E)
• Tempered Moss color palette (#FFF0FA, #A6AFFF, #559600, #00738A, #161737)
• Hazy Wisteria color palette (#FFF1F5, #CF97F4, #45B58D, #338366, #341C24)
• Misty Peony Studio color palette (#FBF7CD, #C2B1FF, #D64693, #006756, #341C3E)

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