Tempered Mustard color palette — #F2EFFF · #D0AE68 · #6A4570 · #28233C · #0D0A17

Gold and Charcoal Brown set the tone — five colors that lean into optimism and creativity.

The five colors

• Blush (#F2EFFF): A whisper-light, dusty violet — the color of wild irises.
• Gold (#D0AE68): A luminous, balanced gold — the color of afternoon light on wheat.
• Charcoal Brown (#6A4570): A full-bodied, balanced pink — the color of peonies in June.
• Midnight (#28233C): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#0D0A17): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Denim Corridor color palette (#FEF1F5, #9FB980, #604276, #42232E, #271512)
• Tempered Orchard color palette (#FDEBFC, #D29E00, #891B2E, #3E0A12, #0F0310)
• Ancient Pewter Harbor color palette (#FFF1F2, #EBB6A5, #8D6087, #59373C, #2F1B1E)
• Hazy Terrace color palette (#EBE4F4, #BB8C00, #700051, #2D001F, #05000D)
• Tempered Mallow Garden color palette (#F3F0FB, #E494D1, #A75E48, #894C7B, #150A12)
• Blush Pier color palette (#FFECF5, #F394A1, #B05C50, #6F3515, #381F00)
• Antique Seafoam Studio color palette (#F2F5FF, #9AFED1, #766CAC, #303654, #0C0F1A)
• Pale Blush Balcony color palette (#E1F9E5, #E47292, #9E5432, #145244, #2E1B2E)

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