Hazy Pier color palette — #FEF3E5 · #D39833 · #698F26 · #006D5E · #562922

A conversation between Olive Leaf and Mustard, giving this palette its sense of nature and growth.

The five colors

• Cream (#FEF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#D39833): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive Leaf (#698F26): A luminous, balanced green — the color of a quiet forest floor.
• Pine (#006D5E): A full-bodied, balanced teal — the color of glacier melt.
• Espresso (#562922): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Powdered Coral Terrace color palette (#FFF2EB, #E6876C, #9C7C10, #3B6B36, #532B27)
• Patina Lagoon color palette (#F8F6E5, #9BAF5A, #079772, #00697C, #492C46)
• Weathered Pine Station color palette (#F3E7CE, #A68A00, #007F30, #005257, #3A1B00)
• Aged Amber Study color palette (#FFF2EB, #CB6940, #037460, #244975, #4C2B43)
• Tempered Taupe Archive color palette (#FFF3E3, #D2C39F, #ADA57D, #697762, #3B553F)
• Amber Summit color palette (#F7DBB4, #D7B769, #AD8E00, #7D7005, #48481F)
• Linen Cobalt color palette (#FFF0F7, #EEAD87, #75B07E, #4583B3, #512744)
• Timeworn Amber Loft color palette (#F1E2D3, #C77B00, #684500, #322D27, #1E1711)

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