Mustard Garden color palette — #F0DFE8 · #D6B570 · #8B9956 · #7E6A99 · #103119
Sand and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Rose Water (#F0DFE8): A whisper-light, dusty pink — the color of peonies in June.
- Sand (#D6B570): A luminous, balanced gold — the color of honey in a jar.
- Moss (#8B9956): A luminous, balanced green — the color of a quiet forest floor.
- Slate (#7E6A99): A full-bodied, dusty violet — the color of wild irises.
- Deep Forest (#103119): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Grounding. Tagged botanical, earthy, 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
- Jade Alley color palette (#D8EBD9, #B6C277, #5EA36F, #946188, #272C01)
- Weathered Orchard color palette (#FFF1F7, #D7CA9C, #8FAB6F, #93789E, #213C2C)
- Hushed Emerald Quarry color palette (#FFE5ED, #AEAB65, #56904A, #7D517E, #1E1C00)
- Hushed Teal color palette (#D3EBDF, #9FC69A, #00A88F, #477B9C, #11310F)
- Olive Harbor color palette (#F1E2CE, #AEA76A, #687C1C, #265D6F, #2E2A00)
- Faded Amethyst color palette (#D8DDF3, #C5B6FF, #72B74C, #7653CA, #133100)
- Worn Fern color palette (#F1E2D9, #AA883D, #505C00, #422D5A, #1A1000)
- Washed Stone Basin color palette (#EDF8F3, #C3E6E3, #8AC2BA, #A693A8, #375351)
Browse the whole catalog at Explore, or see today's palette.