Tempered Mustard color palette — #D9F6F7 · #C9C700 · #EA76BA · #544464 · #1C1522

Saffron takes the lead with Bubblegum close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#D9F6F7): A whisper-light, dusty teal — the color of sea glass.
• Saffron (#C9C700): A luminous, vivid green — the color of new leaves after rain.
• Bubblegum (#EA76BA): A luminous, vivid rose — the color of a warm blush.
• Charcoal Brown (#544464): A full-bodied, dusty violet — the color of twilight just after sunset.
• Ink (#1C1522): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, 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

• Aged Lime Loft color palette (#E0EDFF, #93D800, #FF9397, #664A66, #231923)
• Mustard Orchard color palette (#CEE7E6, #F4B210, #DC95FF, #4E4B68, #1F1E2A)
• Peony Field color palette (#F3EBF8, #E7C377, #C5618F, #7A415A, #1B1221)
• Patina Peony Harbor color palette (#D5ECF0, #B29E00, #FF3397, #4F2435, #0D0611)
• Muted Lilac Ridge color palette (#CCE7D5, #4ADCFC, #AB80E9, #33354E, #1F2028)
• Wandering Taupe color palette (#FAF3F8, #E5D5D5, #D2BAB6, #CD8C84, #423640)
• Peony Canyon color palette (#E6F2D1, #ED8D00, #FF4983, #351510, #0F0605)
• Mint Loft color palette (#E3E9F8, #00E7B2, #FFA74D, #73502F, #27191E)

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