Tempered Mustard color palette — #FFF0FD · #F1D1E3 · #FFA7B1 · #B1A700 · #280F00
Gold and Ballet Pink set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
- Thistle (#F1D1E3): A whisper-light, dusty pink — the color of peonies in June.
- Ballet Pink (#FFA7B1): A luminous, balanced red — the color of embers at dusk.
- Gold (#B1A700): A luminous, balanced green — the color of a quiet forest floor.
- Ink (#280F00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Warmth, Comfort, Balance. 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
- Marigold Coast color palette (#FFF2EE, #FFC9E6, #FFADAD, #EE9600, #460F00)
- Marigold Meadow color palette (#E7FCE7, #FFBCC1, #D9A200, #008A4C, #070800)
- Worn Lime Delta color palette (#FFF0F8, #E7D5D6, #E7CA9D, #7DBE00, #2E2100)
- Tangerine Pier color palette (#F7F3FF, #DBD8E9, #FFA0E7, #F07600, #360019)
- Frosted Coral color palette (#FFEAFE, #FF91C7, #FF6B6D, #A76500, #2A0800)
- Gentle Shell color palette (#FFF0FA, #FFA99F, #A38840, #31638B, #003152)
- Moss Grove color palette (#D3FCEC, #FFA172, #A59600, #00847E, #010100)
- Tempered Parlor color palette (#FFEBEE, #FF9072, #BC6100, #6F5300, #292600)
Browse the whole catalog at Explore, or see today's palette.