Hazy Amber Pier color palette — #FFF1F0 · #FFB79C · #D07000 · #795400 · #392F00

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

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Melon (#FFB79C): A whisper-light, balanced orange — the color of toasted spice.
• Mustard (#D07000): A luminous, balanced gold — the color of old brass.
• Coffee (#795400): A full-bodied, balanced gold — the color of old brass.
• Espresso (#392F00): 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 Amber 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

• Faded Amber color palette (#FFDFD7, #DA7100, #7F5000, #4B3800, #0D0C00)
• Misty Ember color palette (#FFF0F7, #FF98AC, #E46554, #914F22, #452902)
• Ancient Grove color palette (#FFF1F6, #E4C37D, #B17D4C, #774B3F, #0A281C)
• Dusty Honey Canyon color palette (#FFF2EB, #FEB142, #A38600, #5F5E00, #1B2F0A)
• Aged Amber Harbor color palette (#F5DBDE, #FD9B81, #DE8933, #9A7600, #393B00)
• Amber Alley color palette (#FFF3E3, #FFCF6A, #B48300, #644300, #1C1000)
• Worn Marigold Boulevard color palette (#FFF2EC, #FFC48D, #C79D39, #7E7836, #194438)
• Misty Boulevard color palette (#EBFAE9, #FFC071, #00A3E9, #A26800, #002B42)

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