Tempered Mustard color palette — #FDF2F3 · #E0ADDD · #B2A83A · #3F9B91 · #3E323B
Gold takes the lead with Fern close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FDF2F3): bright and airy, almost weightless.
- Carnation (#E0ADDD): A luminous, balanced pink — the color of a candy shop window.
- Gold (#B2A83A): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#3F9B91): A luminous, balanced teal — the color of shallow lagoons.
- Charcoal (#3E323B): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, 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 Taupe color palette (#FFF1F7, #BFB2EF, #C49857, #65926C, #273731)
- Washed Study color palette (#FDF2EF, #F29FA7, #5FBD90, #578CA9, #422E32)
- Ancient Workshop color palette (#FFF4E2, #F9BBD9, #E5968A, #66997C, #56423E)
- Hushed Mallow Atelier color palette (#F6F3FE, #E896DF, #6B9966, #587955, #14242C)
- Moss Quarry color palette (#FFF1F0, #FF7DBA, #79AC00, #008492, #37192A)
- Washed Bronze Boulevard color palette (#FFF1F4, #BA91CB, #A47F27, #2C7184, #443136)
- Stone Delta color palette (#FBF3F3, #E1D9D2, #D5A4C1, #A1B5AC, #595050)
- Sapphire Villa color palette (#FFF1E7, #F58412, #00969A, #3358FF, #300016)
Browse the whole catalog at Explore, or see today's palette.