Muted Garden color palette — #FFEEE7 · #E9AF96 · #AC7848 · #755920 · #37342E
A conversation between Caramel and Coffee, giving this palette its sense of optimism and sophistication.
The five colors
- Cream (#FFEEE7): A whisper-light, dusty orange — the color of toasted spice.
- Sand (#E9AF96): A luminous, dusty orange — the color of toasted spice.
- Caramel (#AC7848): A luminous, balanced gold — the color of old brass.
- Coffee (#755920): A full-bodied, balanced gold — the color of old brass.
- Espresso (#37342E): a grounded near-black with real depth.
Feels like: 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
- Bronze Studio color palette (#FCF0E2, #D4AB76, #69A4C9, #8F6A35, #093A2D)
- Weathered Driftwood Corridor color palette (#FFEDED, #DD9DB8, #B57077, #885043, #3F3834)
- Driftwood Market color palette (#FEE6C8, #C6B378, #8C8D4E, #465F2F, #383A33)
- Driftwood Corridor color palette (#FFEFDA, #DFC99B, #9F874F, #5E4312, #261800)
- Feathered Bronze color palette (#FCE1CD, #AD7400, #655300, #303500, #0C1D00)
- Softworn Bronze color palette (#FFF0FE, #F3C0AB, #CD9764, #977017, #335644)
- Dusty Amber color palette (#FFE0D0, #E38900, #866500, #4C4300, #222D00)
- Hushed Thicket color palette (#FBF0E5, #C2DEC9, #A6ACBD, #AE8673, #3E3933)
Browse the whole catalog at Explore, or see today's palette.