Tempered Mustard color palette — #FFF3E3 · #E7AC3D · #8FA0E6 · #9F7937 · #384063

Built around Saffron, softened by Cornflower — the whole palette hums with optimism and creativity.

The five colors

• Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Saffron (#E7AC3D): A luminous, balanced gold — the color of afternoon light on wheat.
• Cornflower (#8FA0E6): A luminous, balanced violet — the color of a velvet chair.
• Walnut (#9F7937): A luminous, balanced gold — the color of afternoon light on wheat.
• Navy (#384063): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Optimism, Creativity, Balance. Tagged cool.

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

• Apricot Field color palette (#FFF3E9, #FF9B56, #58AFDF, #AE6F44, #1D475E)
• Hazy Wisteria Ridge color palette (#FBF5E5, #C6BA5B, #C38BDA, #8D8227, #4F3859)
• Soft Terrace color palette (#E9FAEE, #E9D393, #8DBEFB, #A78600, #1F395A)
• Quiet Marigold color palette (#FFF4E1, #CC9D20, #8C8FE0, #946DAB, #3B3731)
• Misty Peony color palette (#EBFAED, #C1984B, #BB6B99, #835E00, #5A344A)
• Frosted Market color palette (#FEF4E5, #EBC683, #F39FCF, #CB9400, #612E4D)
• Indigo Cabin color palette (#E2EBB9, #ABBB2A, #6866EC, #667000, #251B70)
• Basalt Villa color palette (#FFF3E3, #C0C291, #A68B5A, #875E49, #3F4000)

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