Tempered Mustard color palette — #FEF0FF · #F6D0DD · #C0C2B1 · #F3AF00 · #4C3046
A conversation between Saffron and Charcoal, giving this palette its sense of optimism and sophistication.
The five colors
- Blush (#FEF0FF): A whisper-light, dusty pink — the color of peonies in June.
- Shell Pink (#F6D0DD): A whisper-light, dusty rose — the color of strawberry cream.
- Stone (#C0C2B1): A luminous, dusty green — the color of new leaves after rain.
- Saffron (#F3AF00): A luminous, vivid gold — the color of old brass.
- Charcoal (#4C3046): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, 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
- Muted Coast color palette (#F7F2FF, #EBD2E8, #FFA17D, #C6B8A5, #4B3451)
- Mustard Alley color palette (#FFF0FB, #F9D0D0, #E2BE9B, #DCC518, #553118)
- Linen Amber color palette (#FFF1F5, #F6C088, #6BC9FE, #DE8800, #194860)
- Soft Lime color palette (#E1F6E4, #FFC8BB, #F0B70A, #42CC00, #2C2400)
- Denim Courtyard color palette (#F7F3FF, #E6CAE5, #A9C3A8, #809BB3, #3D4B6B)
- Bronze Workshop color palette (#F4D8F6, #FFB6A0, #E68F55, #B57600, #534404)
- Muted Coral Corridor color palette (#EEDFEB, #F2887D, #816771, #544451, #1B161D)
- Feathered Blush color palette (#FFEEE7, #FFBEF2, #FF9CA1, #B4924F, #341E10)
Browse the whole catalog at Explore, or see today's palette.