Tempered Mustard color palette — #FFF2ED · #F4D6EB · #FFBAB4 · #BBA10B · #58331A
Gold takes the lead with Rose Quartz close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FFF2ED): bright and airy, almost weightless.
- Thistle (#F4D6EB): A whisper-light, dusty pink — the color of neon signs at night.
- Rose Quartz (#FFBAB4): A whisper-light, balanced orange — the color of autumn markets.
- Gold (#BBA10B): A luminous, balanced green — the color of fresh herbs.
- Cocoa (#58331A): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Warmth, Comfort, Softness. 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
- Washed Archive color palette (#FFF1F2, #E6D8F1, #FFAFE0, #E99433, #522D20)
- Misty Veranda color palette (#FFF3E9, #FED4D5, #FFB08B, #6FBA43, #563B18)
- Gentle Coral Balcony color palette (#FFF0FC, #F9D0CD, #FF8E7D, #C77C21, #503848)
- Washed Mustard color palette (#FEF4E0, #FFBBAF, #D9B63B, #00B2A0, #293303)
- Soft Amber color palette (#FFE5DE, #F3A898, #C17C35, #926900, #4A4B1E)
- Pewter Lagoon color palette (#FFF1F6, #E1BFBB, #B69C7E, #737099, #604855)
- Antique Cabin color palette (#FFF0FB, #E8D5DD, #C4C884, #A9B8AB, #452431)
- Worn Moss Bloom color palette (#FFF2EC, #FFA6DD, #FF9461, #849800, #3C1E00)
Browse the whole catalog at Explore, or see today's palette.