Amber Pier color palette — #FFF2EE · #FFAC7F · #BE7100 · #845600 · #403200

Built around Mustard, softened by Melon — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Melon (#FFAC7F): A luminous, balanced orange — the color of autumn markets.
• Mustard (#BE7100): A luminous, balanced gold — the color of old brass.
• Ochre (#845600): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#403200): 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 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

• Softworn Terrace color palette (#FFF3E6, #DEC493, #BB7926, #784C33, #2A2006)
• Pale Amber color palette (#FFD7D7, #FFA283, #E98208, #907923, #3D3E04)
• Ancient Ember color palette (#FFF1F4, #FFAFB5, #E84F33, #8E340C, #472200)
• Sunlit Azure color palette (#FFF3E6, #FFBF76, #2F9FEF, #A46600, #002A47)
• Muted Marigold color palette (#FFF2E9, #FFD7A3, #D3A000, #826C0B, #46443D)
• Softworn Bronze Lantern color palette (#FFE7E5, #D0785A, #9F5500, #594000, #2C2400)
• Wandering Boulevard color palette (#FFF2D5, #D0BC50, #9B9700, #536800, #183209)
• Bronze Basin color palette (#FFECD9, #AB7F00, #5B4A00, #262400, #020300)

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