Tempered Amber Pier color palette — #F5EAF9 · #D6854B · #721E3F · #2C1833 · #190A12

Mustard and Mulberry set the tone — five colors that lean into optimism and balance.

The five colors

• Blush (#F5EAF9): A whisper-light, dusty pink — the color of neon signs at night.
• Mustard (#D6854B): A luminous, balanced gold — the color of old brass.
• Mulberry (#721E3F): A deep, shadowed, balanced red — the color of a theater curtain.
• Deep Indigo (#2C1833): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#190A12): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Balance. Tagged luxury, dark, muted.

Use it as a design system

One click turns Tempered 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

• Washed Apricot Boulevard color palette (#FCF2FA, #DDA066, #773E3D, #3A2639, #25151A)
• Linen Meadow color palette (#F5DCEC, #CA7F00, #681E00, #340A00, #1C0616)
• Blush Garden color palette (#FCF1FC, #EC687B, #8E4800, #88273A, #23121A)
• Softworn Peony Balcony color palette (#F0ECF9, #9ED8B6, #B06CA6, #783D70, #181322)
• Amber Chapel color palette (#D3E3D3, #B48300, #4A3000, #201300, #000A07)
• Ember Villa color palette (#DBF8DA, #D45D20, #814C00, #254B12, #422635)
• Faded Quarry color palette (#FFDBD2, #EC7C4C, #9A4A00, #603500, #422900)
• Moonless Lantern color palette (#EBD8E6, #9A5B00, #231F0A, #3E0100, #100000)

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