Hazy Pier color palette — #D9EADE · #937800 · #C43100 · #170900 · #050100

Built around Brick, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D9EADE): A whisper-light, dusty teal — the color of glacier melt.
• Ochre (#937800): A full-bodied, balanced green — the color of a quiet forest floor.
• Brick (#C43100): A full-bodied, vivid orange — the color of autumn markets.
• Ink (#170900): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#050100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Balance. Tagged neon, dark, vibrant.

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

• Crimson Grove color palette (#DBEDFC, #6A8D00, #DD0040, #230004, #050005)
• Softworn Plum Chapel color palette (#E6E6FF, #B46200, #C90066, #1E0301, #070000)
• Timeworn Pier color palette (#D3EBE9, #009429, #956300, #100F04, #030100)
• Bronze Pier color palette (#F2DACE, #A66200, #560700, #16170B, #130100)
• Bronze Coast color palette (#FAEADF, #B25800, #534400, #592900, #030100)
• Plum Cabin color palette (#D6E2FA, #5D8300, #B00078, #190A02, #070000)
• Feathered Clover color palette (#F1DCE1, #20B726, #B97F00, #281800, #0F0700)
• Crimson Loft color palette (#D0E4EF, #009499, #D5003F, #130602, #040000)

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