Tempered Mustard color palette — #FCEFEA · #C0B667 · #833B3D · #3E1D11 · #150905

A conversation between Gold and Rust, giving this palette its sense of nature and growth.

The five colors

• Cream (#FCEFEA): a clean, paper-quiet neutral.
• Gold (#C0B667): A luminous, balanced green — the color of fresh herbs.
• Rust (#833B3D): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#3E1D11): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#150905): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, 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 Veranda color palette (#FDF0FE, #A7B686, #734044, #3C243D, #24181C)
• Worn Chestnut Thicket color palette (#F9F0E9, #D5C28A, #87541F, #36302B, #19120C)
• Ancient Ridge color palette (#FFF0D8, #D29F00, #624700, #2C1E00, #0D0600)
• Weathered Apricot color palette (#F9F0EB, #F49785, #5C8239, #954C3F, #100F02)
• Powdered Study color palette (#FEF0DB, #DD8323, #65722D, #3A436D, #2C210F)
• Timeworn Lantern color palette (#F1E6D1, #B58400, #433800, #171200, #030100)
• Apricot Atelier color palette (#FFEAE3, #DD994C, #8E7412, #3F5206, #002B12)
• Inked Bronze color palette (#FBEBE2, #786800, #3E0600, #15160C, #0A0000)

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