Amber Pier color palette — #FFF2EC · #FFC28D · #BD8000 · #7C5D00 · #393300

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

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Cantaloupe (#FFC28D): A whisper-light, balanced gold — the color of honey in a jar.
• Mustard (#BD8000): A luminous, balanced gold — the color of old brass.
• Olive (#7C5D00): A full-bodied, balanced gold — the color of old brass.
• Espresso (#393300): 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

• Hazy Mustard color palette (#FFF2E2, #EAB74B, #A38B00, #5B5A00, #2A3A06)
• Wandering Quarry color palette (#F3E7CE, #B69600, #726D00, #2C3B00, #030A00)
• Amber Coast color palette (#F4DBC7, #DC8A00, #966400, #684900, #4B3900)
• Quiet Veranda color palette (#FFF1F2, #FFAEA0, #EB5A00, #8D4B00, #492A00)
• Worn Marigold color palette (#FFD5B5, #EF9A06, #9C7700, #4D4300, #1E2100)
• Airy Moss color palette (#FFF4DE, #E0D882, #98A70F, #5E8133, #3A3B34)
• Feathered Sunflower color palette (#FFF5D2, #F8DB48, #AD9900, #5D4D00, #181200)
• Chalky Bloom color palette (#FFF4E0, #F9FCA3, #B3FFB1, #C88122, #433B09)

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