Mustard Grove color palette — #F9F7DA · #E2B645 · #9EB046 · #008965 · #203910
A conversation between Saffron and Moss, giving this palette its sense of nature and growth.
The five colors
- Custard (#F9F7DA): A whisper-light, dusty green — the color of a quiet forest floor.
- Saffron (#E2B645): A luminous, balanced gold — the color of honey in a jar.
- Moss (#9EB046): A luminous, balanced green — the color of new leaves after rain.
- Fern (#008965): A full-bodied, balanced teal — the color of sea glass.
- Deep Forest (#203910): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.
Use it as a design system
One click turns Mustard Grove 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 Emerald color palette (#FFF4DC, #FFBD75, #BAA808, #4B9535, #33370D)
- Sunlit Mint Field color palette (#F5F7E4, #E6DC83, #7AC67B, #009C88, #1B422A)
- Quiet Mustard color palette (#F9F2D9, #FFAE81, #BAB216, #008688, #011F02)
- Mustard Field color palette (#E4FCF0, #FFC6B0, #BFBD26, #00A6A8, #213500)
- Jade Corridor color palette (#EFF9E6, #A5DB77, #00C296, #008192, #203315)
- Pine Workshop color palette (#E1E8DA, #6FB567, #00884C, #005C44, #00463E)
- Worn Cocoa color palette (#FCF4E8, #A49C6A, #5E6934, #654300, #38352E)
- Linen Amber color palette (#FFF3E4, #FFAE94, #D28900, #767600, #3F2D00)
Browse the whole catalog at Explore, or see today's palette.