Amber Pier color palette — #F1DFE4 · #B88200 · #513000 · #1D0E00 · #050002

Mustard and Espresso set the tone — five colors that lean into optimism and sophistication.

The five colors

• Shell Pink (#F1DFE4): A whisper-light, dusty rose — the color of pressed rose petals.
• Mustard (#B88200): A luminous, balanced gold — the color of old brass.
• Espresso (#513000): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#1D0E00): A deep, shadowed, dusty gold — the color of old brass.
• Black (#050002): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Patina Study color palette (#DBF7EB, #AF9300, #3D4300, #151800, #000402)
• Washed Bronze color palette (#DEF1E2, #977200, #362700, #151B21, #0C0700)
• Mustard Ridge color palette (#ECD7E0, #BAA443, #7E4500, #3F2000, #16050D)
• Weathered Mustard color palette (#FFF1F6, #DDB63C, #764200, #271200, #040001)
• Faded Market color palette (#E7E9CF, #7C9800, #3E6600, #053A05, #001407)
• Stone Hollow color palette (#EAF5EE, #CAB16D, #625513, #092F1D, #041008)
• Pale Corridor color palette (#DBF4DE, #835D00, #006542, #670033, #000B02)
• Dusty Fern color palette (#E2ECE7, #B9D2C8, #8EABA3, #5C5711, #081A12)

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