Mustard Garden color palette — #F8E9B0 · #BFBE3D · #8AA442 · #567B41 · #335032
Gold and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#F8E9B0): A whisper-light, dusty green — the color of a quiet forest floor.
- Gold (#BFBE3D): A luminous, balanced green — the color of new leaves after rain.
- Moss (#8AA442): A luminous, balanced green — the color of fresh herbs.
- Olive (#567B41): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#335032): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance. Tagged 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
- Antique Workshop color palette (#FFF2DF, #E9BA3C, #A19528, #69702C, #4E4D46)
- Wandering Olive color palette (#FFE5BE, #BBAF63, #738425, #3B6726, #1F533B)
- Mint Pier color palette (#E3F7CA, #8AD57C, #52AC6E, #328065, #1E5448)
- Timeworn Lime color palette (#DEE1CE, #7FB800, #2D8C00, #006739, #00422F)
- Washed Lime color palette (#F8F7DD, #A1C669, #B892D8, #6E8C3E, #4C395C)
- Tempered Veranda color palette (#F6F8E0, #B3F5EF, #BFDCB8, #98986B, #4C570C)
- Worn Clover color palette (#F7F8DA, #74BB3A, #6B9BD6, #B07378, #383831)
- Misty Olive Archive color palette (#EAE8C9, #7B8600, #456700, #0C4303, #00180B)
Browse the whole catalog at Explore, or see today's palette.