Amber Pier color palette — #FFF2EC · #FDBB86 · #BE7D1D · #755300 · #2F2400

Mustard and Cantaloupe set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Cantaloupe (#FDBB86): A whisper-light, balanced gold — the color of old brass.
• Mustard (#BE7D1D): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#755300): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#2F2400): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Sunlit Amber Courtyard color palette (#FFF1F1, #FFB7A9, #CD704E, #873D00, #341900)
• Quiet Moss Villa color palette (#FFF4DE, #E6CC76, #988C28, #515500, #1E2800)
• Softworn Basin color palette (#F3E5CC, #AA8A00, #5E5600, #232500, #010100)
• Antique Olive color palette (#FFF3E4, #FBD797, #BFA453, #736700, #313400)
• Amber Boulevard color palette (#FFD3D8, #F7A98F, #D78622, #8B7600, #2B3200)
• Gentle Apricot Harbor color palette (#E2FEE5, #F5A058, #A17514, #1B6036, #321B00)
• Feathered Chestnut Corridor color palette (#FFD7DC, #D18160, #8E5300, #483D00, #181D00)
• Hushed Marigold color palette (#EBFAED, #D09C3A, #648328, #005745, #3B0108)

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