Tempered Mustard color palette — #FFD8EB · #A7D7FF · #E5B900 · #4B5000 · #393631

A conversation between Saffron and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FFD8EB): A whisper-light, dusty rose — the color of a warm blush.
• Powder Blue (#A7D7FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Saffron (#E5B900): A luminous, vivid green — the color of fresh herbs.
• Deep Olive (#4B5000): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#393631): quiet, heavy and certain.

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

• Worn Balcony color palette (#FFE6EA, #DBCFFF, #FEBE51, #3E4F3F, #2D362E)
• Apricot Balcony color palette (#FFD9E5, #A4F2FF, #EC9544, #4F4D46, #3B3632)
• Sunflower Coast color palette (#F3DAFF, #BBE2FF, #D1DF60, #567166, #26332E)
• Washed Archive color palette (#FFDFE8, #98B9FF, #A0B500, #333630, #262315)
• Muted Field color palette (#FCD6FF, #1AF2C8, #FFA28E, #4B4740, #36312F)
• Timeworn Stone color palette (#F6F6ED, #B1CC81, #4685A6, #637544, #23312C)
• Muted Mint Boulevard color palette (#FDDFD3, #CDB5FF, #00D18F, #304738, #2B2F25)
• Patina Driftwood Thicket color palette (#F4F6EE, #D2DED9, #A3ADB8, #7B8A46, #51544B)

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