Amber Pier color palette — #FFF1F6 · #D7822D · #566600 · #754000 · #021E16

Mustard takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mustard (#D7822D): A luminous, balanced gold — the color of honey in a jar.
• Olive (#566600): A full-bodied, balanced green — the color of a quiet forest floor.
• Bronze (#754000): A full-bodied, balanced gold — the color of old brass.
• Ink (#021E16): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.

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

• Wandering Meadow color palette (#EEF8F1, #B4972D, #007132, #604D00, #001D1C)
• Aged Garnet Coast color palette (#FCF2F9, #DB7A6C, #735A00, #8F2018, #0B1D11)
• Hazy Archive color palette (#FCEDF4, #D78B5F, #217737, #873D00, #000808)
• Aged Bronze Field color palette (#DAF8E0, #A48100, #466610, #243F6B, #163829)
• Amber Orchard color palette (#F8E0C3, #B29821, #6D7300, #304C00, #003B19)
• Antique Cabin color palette (#FEF3EB, #F09D71, #0E9769, #B45000, #141C05)
• Hushed Chestnut color palette (#FFF1F5, #925600, #005A66, #2F296C, #251629)
• Dusty Pier color palette (#E2F1E1, #A26800, #004C29, #462B00, #000404)

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