Muted Garden color palette — #F2EED3 · #9A8A00 · #6B7C00 · #0B580C · #010200
Moss and Olive Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F2EED3): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#9A8A00): A luminous, balanced green — the color of a quiet forest floor.
- Olive Leaf (#6B7C00): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#0B580C): A full-bodied, balanced green — the color of a quiet forest floor.
- Black (#010200): quiet, heavy and certain.
Feels like: Nature, Growth, Balance. Tagged candy, vibrant, light.
Use it as a design system
One click turns Muted 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
- Frosted Olive color palette (#E4E9CD, #5B8400, #006B1F, #004433, #000201)
- Amber Thicket color palette (#D8ECE2, #C97000, #6D7500, #00543F, #030E00)
- Weathered Study color palette (#F9EEDD, #C27300, #866500, #565100, #020100)
- Tempered Bloom color palette (#DFF2EA, #BE9B00, #919700, #437800, #090D00)
- Misty Lagoon color palette (#FEF6D2, #FEA248, #A59800, #007660, #010100)
- Pine Villa color palette (#EDF0E0, #207A4C, #00412E, #211F00, #000401)
- Frosted Grove color palette (#F6F3D7, #C6C300, #85B600, #008A30, #091800)
- Navy Veranda color palette (#E9F4D7, #006D47, #004595, #00331F, #00020C)
Browse the whole catalog at Explore, or see today's palette.