Tempered Mustard color palette — #F8EFF5 · #F3D0CF · #E6C289 · #B8A638 · #442535
Built around Gold, softened by Sand — the whole palette hums with nature and growth.
The five colors
- Ivory (#F8EFF5): a clean, paper-quiet neutral.
- Shell Pink (#F3D0CF): A whisper-light, dusty red — the color of late-summer berries.
- Sand (#E6C289): A whisper-light, balanced gold — the color of old brass.
- Gold (#B8A638): A luminous, balanced green — the color of fresh herbs.
- Espresso (#442535): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Nature, Growth, 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
- Timeworn Moss Archive color palette (#FDEDF3, #EED1C4, #FFB984, #9CAA55, #1A331C)
- Hushed Terrace color palette (#FEF1F8, #E8D8CD, #FFA983, #C29358, #5C444F)
- Apricot Villa color palette (#F7EEFC, #E1D1DE, #FFB2D1, #E08B5D, #3A283A)
- Washed Bronze Lagoon color palette (#EBF5ED, #C8B07D, #879AD2, #8F6B00, #252F50)
- Muted Cocoa Grove color palette (#FFF3EA, #EFD7D6, #E7C59B, #BDBB7B, #6B4000)
- Mustard Harbor color palette (#E5F7ED, #FFD2AF, #BFC54D, #08AC82, #00271E)
- Fern Study color palette (#FFE3F3, #D6AD88, #A27A3C, #655A00, #0B3B2D)
- Wandering Pier color palette (#FFECF3, #FFB6B6, #EE8F00, #788900, #2A1A00)
Browse the whole catalog at Explore, or see today's palette.