Tempered Mustard color palette — #EAE5FD · #FDAF30 · #FF8AAB · #5C2F3B · #281917

Built around Saffron, softened by Ballet Pink — the whole palette hums with optimism and balance.

The five colors

• Frost (#EAE5FD): A whisper-light, dusty violet — the color of wild irises.
• Saffron (#FDAF30): A luminous, balanced gold — the color of afternoon light on wheat.
• Ballet Pink (#FF8AAB): A luminous, balanced red — the color of embers at dusk.
• Cocoa (#5C2F3B): A deep, shadowed, dusty red — the color of embers at dusk.
• Onyx (#281917): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Balance. Tagged neon, dark, vibrant.

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

• Dusty Corridor color palette (#F0ECD5, #FFA97C, #FF7EDD, #502A46, #2E1A1B)
• Chalky Delta color palette (#FFF2EE, #F1A86E, #A24853, #641E29, #2B130C)
• Mustard Drift color palette (#D1E9D9, #DEB700, #FF8855, #36302C, #211812)
• Timeworn Summit color palette (#FEE4F3, #AEDD66, #FFA65A, #433D38, #34291F)
• Gentle Coral color palette (#EAE1F3, #E59900, #FF6266, #391B10, #1C0803)
• Tempered Shell color palette (#F3F0FF, #FFD9BA, #FFBAC6, #511C29, #1A0D1D)
• Pale Chartreuse Market color palette (#C3EAE7, #76E000, #EFA300, #423E38, #2A1B06)
• Scarlet Cabin color palette (#FFF2EC, #FF9C8B, #BB7300, #D92614, #2C1800)

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