Amber Pier color palette — #FED5B3 · #DFB048 · #D57B00 · #AB543C · #2D2A00

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

The five colors

• Peach Cream (#FED5B3): A whisper-light, dusty gold — the color of old brass.
• Gold (#DFB048): A luminous, balanced gold — the color of afternoon light on wheat.
• Mustard (#D57B00): A luminous, balanced gold — the color of honey in a jar.
• Terracotta (#AB543C): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#2D2A00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged earthy, 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

• Dusty Mustard Boulevard color palette (#C8E8CC, #CABB41, #C08900, #AC5600, #222E00)
• Frosted Bronze color palette (#F7D8B9, #D09947, #A96500, #7E3F00, #372600)
• Patina Ember color palette (#F4D3E7, #F7A24F, #E66A3B, #BA4054, #362600)
• Patina Taupe color palette (#F6E1EC, #DDBB95, #CC8C6C, #A56564, #1D3726)
• Gentle Bronze Studio color palette (#FAEBF3, #C09665, #B76332, #8D3E3D, #1D1500)
• Hushed Driftwood color palette (#DCEFE5, #A0BE79, #969245, #85652C, #002B29)
• Ancient Coast color palette (#F2E2D4, #B38500, #854B00, #631700, #141300)
• Airy Magenta color palette (#F2F0FF, #EDA1FF, #E97700, #D138F1, #200B00)

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