Mustard Pier color palette — #F9EDFB · #D3AE5E · #7C404B · #312034 · #110912

Gold takes the lead with Coffee close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Blush (#F9EDFB): A whisper-light, dusty pink — the color of a candy shop window.
• Gold (#D3AE5E): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#7C404B): A full-bodied, balanced red — the color of late-summer berries.
• Onyx (#312034): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#110912): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

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

• Stone Lantern color palette (#FFF2F0, #B2B375, #733E50, #47221D, #251910)
• Hushed Villa color palette (#FFECF3, #D29E00, #6F3F00, #321A00, #110308)
• Aged Pewter color palette (#FFF2ED, #ECB88D, #9F5B5D, #59392E, #2C1E19)
• Bronze Lantern color palette (#F6EFF6, #F09793, #877402, #9A4746, #031209)
• Patina Amber Bloom color palette (#E4F8E8, #D9834F, #806817, #0D4E60, #331923)
• Apricot Pier color palette (#FFE4DD, #E9A271, #9F742E, #584800, #252900)
• Bronze Balcony color palette (#F7EFF4, #E5D4D2, #B2C7C3, #976854, #32292E)
• Hushed Celadon color palette (#F8F2FE, #CFF3B2, #9A627F, #41304F, #130C18)

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