Mustard Garden color palette — #FFF3E9 · #DFDEC2 · #BEB76A · #5D7D44 · #004932
A conversation between Gold and Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF3E9): bright and airy, almost weightless.
- Celadon Mist (#DFDEC2): A whisper-light, dusty green — the color of a quiet forest floor.
- Gold (#BEB76A): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#5D7D44): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#004932): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication. Tagged muted.
Use it as a design system
One click turns Mustard Garden 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 Marigold color palette (#FFF2ED, #E0D9CE, #E2A962, #897B29, #384C10)
- Hushed Lagoon color palette (#FFF3E3, #D0F5C8, #91BE82, #258767, #004E4E)
- Softworn Olive color palette (#FFF4E0, #C3C355, #18901A, #004F36, #001A19)
- Forest Market color palette (#FFEDE9, #DFB18A, #8D8C56, #356134, #003830)
- Wandering Mustard Alley color palette (#F9F5EA, #BAB161, #575908, #302B1E, #120F0A)
- Moss Corridor color palette (#FFF3E4, #E9D645, #7BA400, #007043, #002F28)
- Hushed Stone Lantern color palette (#F9F4EF, #D9DCD3, #A6B5BD, #C7A983, #524C46)
- Weathered Stone color palette (#FFF3E7, #DAE1CC, #ADCDB4, #9D8084, #5F4648)
Browse the whole catalog at Explore, or see today's palette.