Tempered Mustard color palette — #EDF9EC · #CBAA58 · #6B4A18 · #1B351B · #0E201B

Gold and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EDF9EC): A whisper-light, dusty green — the color of fresh herbs.
• Gold (#CBAA58): A luminous, balanced gold — the color of afternoon light on wheat.
• Bronze (#6B4A18): A full-bodied, dusty gold — the color of old brass.
• Deep Forest (#1B351B): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#0E201B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, 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 Stone Orchard color palette (#EEF8F3, #DFBA7F, #5F6231, #233F34, #182728)
• Weathered Workshop color palette (#FFF0F7, #C7AC56, #744324, #412333, #241919)
• Cocoa Delta color palette (#FDF3E9, #D6C38D, #8D6A3E, #5D3A00, #2A1F13)
• Amber Atelier color palette (#DCFEF7, #DB8F00, #215600, #142E08, #00201C)
• Amber Grove color palette (#C9EFD9, #BC8800, #453B00, #201A00, #000F0E)
• Feathered Moss color palette (#FFF0D5, #A4AF51, #57874A, #005F42, #004543)
• Antique Moss Pier color palette (#FFF1F6, #9F9D33, #267A5E, #5F3F6B, #21453D)
• Bronze Studio color palette (#E7FCE9, #A77700, #526FAE, #3C5181, #253828)

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