Tempered Mustard color palette — #FFF1F6 · #C8B460 · #6F8A56 · #5F617C · #1F3D2C
A conversation between Gold and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Gold (#C8B460): A luminous, balanced green — the color of new leaves after rain.
- Fern (#6F8A56): A full-bodied, balanced green — the color of new leaves after rain.
- Graphite (#5F617C): A full-bodied, dusty violet — the color of a velvet chair.
- Forest (#1F3D2C): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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 Ridge color palette (#E7FBEF, #94C47E, #289477, #46687E, #1C3C37)
- Hushed Driftwood color palette (#FFF3E6, #DFCEA8, #7F925A, #55618C, #342500)
- Washed Clover color palette (#D2F5E0, #7FBF61, #008C6E, #854062, #173704)
- Fern Terrace color palette (#FBF5E4, #96A26A, #526D2A, #18564F, #37362F)
- Soft Emerald color palette (#EBEDFF, #C3A6FF, #4B9A47, #7B60AF, #1D3E1B)
- Wandering Olive color palette (#F8E0E8, #9F9626, #2F7213, #563761, #1E1B00)
- Ash Hollow color palette (#EEF8F3, #AEDCD7, #70A89D, #86778B, #3C5250)
- Stone Summit color palette (#F3F4FF, #F9D4D3, #EDB38F, #628AB8, #3E384E)
Browse the whole catalog at Explore, or see today's palette.