Tempered Mustard color palette — #EDF9EF · #E2B43B · #008887 · #7C5E00 · #000102

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

The five colors

• Ivory (#EDF9EF): bright and airy, almost weightless.
• Saffron (#E2B43B): A luminous, balanced gold — the color of old brass.
• Teal (#008887): A full-bodied, balanced teal — the color of sea glass.
• Olive (#7C5E00): A full-bodied, balanced gold — the color of honey in a jar.
• Black (#000102): quiet, heavy and certain.

Feels like: Optimism, Balance. Tagged duotone, 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

• Lime Balcony color palette (#E9FAF4, #ACC952, #00849B, #596D00, #000103)
• Frosted Pine color palette (#FEF1F6, #F1A872, #008D4E, #954D00, #000201)
• Dusty Bronze color palette (#EEF8F2, #DFD189, #009E9B, #887600, #00070A)
• Tempered Field color palette (#EAFAF2, #A9A829, #006A87, #515100, #000103)
• Moss Coast color palette (#FFF1F7, #98AE25, #007D69, #5D255C, #021800)
• Wandering Jade color palette (#EFEBDE, #BCC474, #00B168, #899000, #0B1000)
• Emerald Pier color palette (#FFF6D0, #A9C753, #279246, #005345, #00181B)
• Linen Studio color palette (#E5FBF7, #6DE25B, #3171FE, #1F810B, #00010C)

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