Tempered Mustard color palette — #FFF4E0 · #DBB569 · #644E00 · #201700 · #020100

Built around Sand, softened by Bronze — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#FFF4E0): A whisper-light, dusty gold — the color of old brass.
• Sand (#DBB569): A luminous, balanced gold — the color of honey in a jar.
• Bronze (#644E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#201700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#020100): quiet, heavy and certain.

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

• Cocoa Garden color palette (#FFF2EB, #CBBC6A, #84341F, #320600, #030100)
• Weathered Courtyard color palette (#FCF5E2, #F3C982, #6F650B, #2E2800, #060300)
• Wandering Forest Dune color palette (#F4F8E3, #ECAC64, #106216, #011F02, #010100)
• Bronze Pier color palette (#D2E3D6, #D4B46D, #937419, #5B4500, #001004)
• Marigold Basin color palette (#F5EFD4, #CF9636, #3B4000, #1D2726, #070800)
• Frosted Market color palette (#FCF4E5, #DBB835, #008980, #776100, #000200)
• Wandering Pewter Archive color palette (#F7F6E6, #E5E2B2, #6B7E54, #393932, #111003)
• Timeworn Meadow color palette (#FFF7BF, #ABC953, #059444, #004B44, #001417)

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