Amber Pier color palette — #FFF3E5 · #BF8D31 · #4B7738 · #514377 · #403D36

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

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#BF8D31): A luminous, balanced gold — the color of honey in a jar.
• Olive (#4B7738): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#514377): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal (#403D36): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged retro, muted.

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

• Dusty Moss Market color palette (#FFF3E7, #94A126, #1F7A65, #5C4266, #3D3E37)
• Amber Station color palette (#FFEEE1, #C78F54, #4B7846, #4B3B70, #2C2108)
• Coral Chapel color palette (#FFF4DF, #DA776A, #846406, #2C5077, #423C37)
• Ancient Apricot Basin color palette (#FFF1F7, #DEA36A, #65955D, #6A5792, #274532)
• Softworn Loft color palette (#FFEED9, #BAB48C, #798C68, #7A5B60, #5F463E)
• Mustard Veranda color palette (#FEF4DF, #EADAB6, #BCB43B, #43A07D, #3F3E37)
• Gentle Aubergine Harbor color palette (#FFDEBF, #8A7F00, #006241, #540077, #212E00)
• Tempered Olive Meadow color palette (#EAE5D1, #767600, #32332C, #221F13, #0D0D07)

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