Muted Garden color palette — #F7F6E9 · #87985C · #A36E76 · #874E39 · #3E3D36
A conversation between Moss and Coffee, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F7F6E9): bright and airy, almost weightless.
- Moss (#87985C): A luminous, balanced green — the color of a quiet forest floor.
- Mocha (#A36E76): A full-bodied, dusty red — the color of a theater curtain.
- Coffee (#874E39): A full-bodied, balanced orange — the color of sun-warmed clay.
- Charcoal (#3E3D36): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.
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
- Ancient Jade Dune color palette (#F2F3E7, #74A468, #AF6B83, #804E51, #232413)
- Muted Lagoon color palette (#F2F8E9, #389566, #9D5E48, #724900, #32342D)
- Washed Garnet Orchard color palette (#F9F5E9, #918D57, #875076, #783231, #3B3630)
- Hushed Garden color palette (#ECF8F3, #A8B366, #BE87B1, #9B6F53, #32413B)
- Hushed Denim Lantern color palette (#FFF2ED, #B58179, #6E7CB1, #6B4F8F, #433B38)
- Antique Garnet Parlor color palette (#FBF2F8, #8894CA, #8B5E8B, #883439, #583C16)
- Washed Lagoon color palette (#F2F7F1, #D4DBD9, #A2ADB8, #4D8F8A, #4E554D)
- Mint Quarry color palette (#E7FAFA, #72DBA9, #8BBCE7, #81A484, #2C4242)
Browse the whole catalog at Explore, or see today's palette.