Tempered Mustard color palette — #FFF2EC · #C9AF59 · #339A7B · #824C83 · #3E3D36
Built around Gold, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Gold (#C9AF59): A luminous, balanced green — the color of fresh herbs.
- Fern (#339A7B): A luminous, balanced teal — the color of shallow lagoons.
- Graphite (#824C83): A full-bodied, balanced pink — the color of a candy shop window.
- Charcoal (#3E3D36): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged retro, 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
- Tempered Delta color palette (#FFF3E8, #E3A06B, #60983A, #68588F, #403D36)
- Pewter Drift color palette (#FFF1F7, #D3D08B, #61A184, #7F4F81, #173931)
- Wandering Cerulean color palette (#FFF2EE, #89C286, #1595B2, #8E4D56, #354229)
- Wandering Moss Archive color palette (#E8FBEC, #91A23E, #297B52, #4C4870, #28433E)
- Misty Terracotta Archive color palette (#FFF2EA, #D8916C, #008DB6, #963E32, #532B25)
- Patina Field color palette (#FFF3E3, #C6C59C, #71AFB2, #906D67, #6B4B46)
- Emerald Garden color palette (#FDF4E9, #C5C997, #66A068, #94682B, #504100)
- Antique Market color palette (#FFDBD2, #94A300, #007F7D, #8A0060, #043309)
Browse the whole catalog at Explore, or see today's palette.