Tempered Mustard color palette — #F7EEFC · #D0AE67 · #774255 · #311F39 · #0F0A12

Gold and Coffee set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#F7EEFC): A whisper-light, dusty violet — the color of twilight just after sunset.
• Gold (#D0AE67): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#774255): A full-bodied, dusty rose — the color of strawberry cream.
• Deep Indigo (#311F39): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#0F0A12): a grounded near-black with real depth.

Feels like: Optimism, 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

• Worn Garnet color palette (#FFF1F1, #ADB47C, #733D59, #442033, #281910)
• Airy Pier color palette (#FFECF5, #D29E00, #773800, #361600, #11030A)
• Muted Meadow color palette (#FFF2EF, #ECB893, #9A5D68, #5B3830, #2B1E1B)
• Dusty Blush color palette (#F6EFF7, #F3939F, #986C02, #924C56, #051207)
• Antique Pewter color palette (#F7EFF5, #E4D4D4, #B5C5C0, #8B6882, #31292F)
• Softworn Field color palette (#E3F9E7, #E07D5A, #866526, #00505B, #311B26)
• Hushed Apricot Hollow color palette (#FFE5E3, #F39772, #A16827, #5D4400, #2A2600)
• Amber Thicket color palette (#FFE9F1, #B28600, #542E00, #1E0D00, #060002)

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