Mustard Garden color palette — #FBF8C5 · #BBC452 · #8A8100 · #5C4C00 · #151B00
A conversation between Gold and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Custard (#FBF8C5): A whisper-light, dusty green — the color of a quiet forest floor.
- Gold (#BBC452): A luminous, balanced green — the color of a quiet forest floor.
- Olive Leaf (#8A8100): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#5C4C00): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#151B00): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.
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
- Bronze Pier color palette (#FFF3E5, #DFB365, #AB6F00, #723F00, #201700)
- Moss Grove color palette (#EFEDDC, #7D9A35, #675C00, #4A3000, #001802)
- Linen Moss color palette (#EDDDB2, #AAC37C, #A59700, #966600, #00330A)
- Dusty Thicket color palette (#FCF5E1, #E9DDB2, #A5A074, #85651E, #33322B)
- Softworn Amber color palette (#FFF3E8, #F3C69B, #C47F4A, #8C4C29, #392300)
- Charred Meadow color palette (#F9E2D3, #A35F2B, #632700, #280500, #030100)
- Tempered Brick Corridor color palette (#FFF2ED, #FFA9A2, #B06C00, #C90021, #030100)
- Peony Parlor color palette (#FFF1F0, #F5369F, #A97100, #3836CA, #1F000F)
Browse the whole catalog at Explore, or see today's palette.