Amber Pier color palette — #F9ECE2 · #C27700 · #7B5E00 · #363800 · #141F00

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

The five colors

• Cream (#F9ECE2): a clean, paper-quiet neutral.
• Mustard (#C27700): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#7B5E00): A full-bodied, balanced gold — the color of old brass.
• Forest (#363800): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#141F00): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Chalky Corridor color palette (#F7EDE1, #B68500, #7F6400, #534600, #383500)
• Ember Ridge color palette (#F6DCDB, #E35800, #924A00, #483000, #211900)
• Airy Moss color palette (#FFEECD, #968A00, #5C6D00, #03490C, #002112)
• Muted Moss Thicket color palette (#EEE0C4, #899549, #6C5A00, #4E2E00, #031700)
• Mustard Parlor color palette (#FFE8C7, #ECB100, #A58300, #5C4E00, #221F00)
• Hushed Fern Delta color palette (#FFEFDF, #D0B78A, #8F863B, #5A6604, #35362F)
• Dusty Teal Harbor color palette (#FFF2C3, #B4E68F, #00C2A4, #8E5200, #1E2400)
• Feathered Chapel color palette (#E0EB96, #96A200, #616900, #2F2C00, #070700)

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