Hazy Pier color palette — #FFF4DD · #B5C568 · #947C00 · #6D4200 · #051F00

Walnut takes the lead with Pistachio close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF4DD): A whisper-light, dusty gold — the color of old brass.
• Pistachio (#B5C568): A luminous, balanced green — the color of a quiet forest floor.
• Walnut (#947C00): A full-bodied, balanced green — the color of fresh herbs.
• Bronze (#6D4200): A full-bodied, balanced gold — the color of old brass.
• Ink (#051F00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.

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

• Amber Pier color palette (#FEF4E5, #D0C995, #AE812C, #7D4926, #262202)
• Softworn Bronze Basin color palette (#FFF3E6, #C9B06A, #A46700, #772B00, #171200)
• Hushed Mustard color palette (#E9DFB0, #C4BD45, #AC9400, #8C6C08, #292C00)
• Muted Moss Hollow color palette (#E2F2E7, #82983F, #6E5900, #532A00, #001806)
• Aged Hollow color palette (#F9F5E9, #D1E3CA, #B3B17E, #9A7232, #3C4500)
• Feathered Harbor color palette (#FFF2EA, #FDA340, #CF4F00, #93012B, #211600)
• Bronze Workshop color palette (#FAE5D6, #9C651A, #632700, #2B0004, #020100)
• Patina Balcony color palette (#E8FCE2, #00A89A, #CE5100, #585800, #00100E)

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