Amber Pier color palette — #F8D3DE · #AE872F · #804E00 · #612A00 · #302900

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

The five colors

• Shell Pink (#F8D3DE): A whisper-light, dusty rose — the color of pressed rose petals.
• Mustard (#AE872F): A luminous, balanced gold — the color of old brass.
• Coffee (#804E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#612A00): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#302900): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Timeworn Amber color palette (#ECDCE1, #A78B00, #814D00, #680D00, #0E1500)
• Dusty Summit color palette (#FEE5F3, #A57E61, #8C380C, #690B11, #341F00)
• Frosted Canyon color palette (#C7E7D5, #8A9544, #675C00, #4E3800, #1B3000)
• Hazy Delta color palette (#F7D8B7, #E8AD00, #CD8100, #A55B2B, #302900)
• Amber Field color palette (#FFECF4, #D37000, #2C6400, #6C3600, #051700)
• Terracotta Harbor color palette (#F4D9BC, #BBA442, #A76600, #981B00, #222E00)
• Softworn Olive color palette (#E1EEE4, #72691D, #483500, #2B1700, #0A0D00)
• Ancient Bronze Lagoon color palette (#EEF9EE, #8DB298, #8D6C3B, #6F4727, #264437)

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