Tempered Mustard color palette — #FFD5DE · #DBBBFF · #F6AA00 · #322D28 · #1D1812

Saffron takes the lead with Lavender close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Shell Pink (#FFD5DE): A whisper-light, dusty red — the color of late-summer berries.
• Lavender (#DBBBFF): A whisper-light, balanced violet — the color of wild irises.
• Saffron (#F6AA00): A luminous, vivid gold — the color of old brass.
• Espresso (#322D28): quiet, heavy and certain.
• Ink (#1D1812): quiet, heavy and certain.

Feels like: Optimism, Creativity, Sophistication. Tagged neon, dark, vibrant, 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

• Softworn Lime color palette (#F3DBF3, #CCC2FF, #B3C846, #34332C, #1E1C11)
• Honey Balcony color palette (#FFE6E8, #E0CDFF, #FFBB69, #3F4D3E, #2A3129)
• Ancient Apricot color palette (#E8DAFE, #9CD2FF, #FF9F7A, #3C281B, #231B16)
• Tempered Hollow color palette (#EBD9EB, #FFB6AF, #00B66A, #232A0D, #12140C)
• Lime Loft color palette (#FED5FE, #47E8FE, #C0C900, #474B44, #36342B)
• Timeworn Pewter Hollow color palette (#F3F2EA, #DCBDA0, #576843, #32312A, #15140B)
• Ancient Celadon Drift color palette (#ECF7FF, #EFFA65, #E2D5CE, #345448, #1B221F)
• Wandering Olive Quarry color palette (#F3F2EB, #CEC39B, #5A86B4, #747800, #061A16)

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