Tempered Mustard color palette — #FFE9EF · #CBB9FF · #D5BF00 · #5D5620 · #17231C
Saffron and Lavender set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#FFE9EF): A whisper-light, dusty rose — the color of strawberry cream.
- Lavender (#CBB9FF): A whisper-light, balanced violet — the color of a velvet chair.
- Saffron (#D5BF00): A luminous, vivid green — the color of new leaves after rain.
- Coffee (#5D5620): A full-bodied, dusty green — the color of a quiet forest floor.
- Onyx (#17231C): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Creativity, Balance. Tagged neon, dark, vibrant.
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
- Worn Lime color palette (#F5E3E5, #E4ACFF, #9CD300, #455728, #0F2C25)
- Patina Apricot color palette (#FFE8F8, #CCB8FF, #FFA658, #754F30, #331C26)
- Linen Grove color palette (#F1DBE7, #62CFFF, #58D500, #2A471F, #212214)
- Apricot Pier color palette (#FAE0E1, #FFA56D, #00B099, #005A4E, #001619)
- Patina Archive color palette (#FFE4D0, #FFBCB3, #00EB99, #406261, #202A2A)
- Timeworn Emerald Quarry color palette (#DCFDFC, #FFBDA2, #00A868, #0D6D43, #002020)
- Tempered Moss Archive color palette (#EFDEE7, #FF838F, #52A100, #2F4821, #041311)
- Gentle Moss Workshop color palette (#FAE5ED, #70B3FF, #90AF00, #1C2400, #100D01)
Browse the whole catalog at Explore, or see today's palette.