Tempered Mustard color palette — #FFF2ED · #B6B859 · #009B90 · #805076 · #3D3E37
A conversation between Gold and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2ED): bright and airy, almost weightless.
- Gold (#B6B859): A luminous, balanced green — the color of new leaves after rain.
- Fern (#009B90): A luminous, balanced teal — the color of shallow lagoons.
- Graphite (#805076): A full-bodied, balanced pink — the color of a candy shop window.
- Charcoal (#3D3E37): quiet, heavy and certain.
Feels like: Nature, Growth, 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
- Washed Alley color palette (#FFF1F7, #BFD786, #3CA594, #7B5477, #113935)
- Ancient Emerald Lantern color palette (#FFF2EA, #DCA65A, #3A9D55, #70558A, #403D36)
- Washed Cerulean color palette (#FFF2EE, #9ECD96, #2AA2BD, #925D65, #464942)
- Aged Thicket color palette (#E5FCEA, #77A940, #277A63, #54456C, #254441)
- Wandering Canyon color palette (#FDF4E7, #C69D57, #5B7EC9, #92403F, #3E3633)
- Wandering Bronze color palette (#FAF4EB, #CAC6A0, #619F7D, #8F6B27, #4B4400)
- Tempered Moss color palette (#FFD9E3, #78AB00, #007E87, #8F0048, #00321A)
- Jade Studio color palette (#FFF2EC, #00C687, #158EC9, #942812, #003E3C)
Browse the whole catalog at Explore, or see today's palette.