Hazy Pier color palette — #FFF0F1 · #FF9E84 · #B76900 · #604700 · #252200

Ochre and Melon set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F1): bright and airy, almost weightless.
• Melon (#FF9E84): A luminous, balanced orange — the color of autumn markets.
• Ochre (#B76900): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#604700): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#252200): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Aged Marigold color palette (#FFE3DA, #F89C24, #9C7D00, #435100, #002C0A)
• Muted Delta color palette (#FFF3E8, #D5B861, #B4690B, #832B23, #161B00)
• Misty Apricot color palette (#FFE2DB, #FE853B, #CD7700, #966100, #3B2D00)
• Sunlit Boulevard color palette (#FFD9F7, #FF99B4, #EC2000, #7D3A00, #3A2500)
• Velvet Bronze Alley color palette (#F5DAD2, #9E5000, #483500, #1B1900, #000200)
• Powdered Study color palette (#FFF4DF, #F9C314, #A87E00, #503900, #0C0500)
• Timeworn Corridor color palette (#FFF2EB, #FFC47F, #B39B00, #616800, #0C430B)
• Tempered Ember color palette (#FFE3E4, #FC4F20, #884F00, #573C00, #113B18)

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