Tempered Mustard color palette — #FFF3E9 · #E3B41D · #B86600 · #822C28 · #171B00

A conversation between Saffron and Ochre, giving this palette its sense of optimism and balance.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Saffron (#E3B41D): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#B86600): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#822C28): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#171B00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Balance, Grounding. Tagged earthy, warm.

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

• Hushed Honey color palette (#FFF2EA, #F1BD78, #BE7453, #78494F, #292009)
• Soft Lime color palette (#FFF5D5, #ACC94C, #977B00, #743D00, #001F08)
• Timeworn Amber Garden color palette (#FFF4DE, #C2DC8B, #AD8F00, #885019, #252B0B)
• Linen Amber color palette (#FBD7B4, #E4AC60, #D17E00, #AA5700, #372500)
• Amber Drift color palette (#FFE8D1, #B88132, #834C00, #552800, #1A1000)
• Tempered Bronze Hollow color palette (#FBE6D0, #9B850A, #6D4200, #420900, #010100)
• Washed Hollow color palette (#FEF3E6, #DCE7BB, #C7A885, #A76944, #464100)
• Crimson Orchard color palette (#F8F2FF, #FF93DB, #EE0E2F, #683B00, #201900)

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