Muted Garden color palette — #FFF2EA · #E2DAC3 · #C8A790 · #9A6E61 · #5C3500

Cocoa and Mocha set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Bone (#E2DAC3): A whisper-light, dusty green — the color of a quiet forest floor.
• Camel (#C8A790): A luminous, dusty gold — the color of honey in a jar.
• Mocha (#9A6E61): A full-bodied, dusty orange — the color of sun-warmed clay.
• Cocoa (#5C3500): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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 Loft color palette (#FFF3E4, #C7B07C, #9B6C00, #643C00, #181200)
• Hushed Chestnut Drift color palette (#FFF2EB, #F5D6C0, #CB8D75, #9A5548, #36302B)
• Hushed Alley color palette (#FFF0F8, #DAAD90, #997389, #6D5565, #524348)
• Worn Bronze color palette (#F1F8EA, #8FD4B7, #D3A284, #9F7B3C, #30332C)
• Hushed Cocoa Thicket color palette (#FEE3CF, #AF7848, #793800, #3D1100, #020100)
• Fern Drift color palette (#EFE5CC, #9E9F53, #6C6000, #3E3000, #030400)
• Patina Pewter color palette (#FFF0FA, #E6D5D6, #BCACE3, #8460A4, #572B63)
• Worn Abyss Coast color palette (#F0F7F3, #B6E7D9, #66917A, #114E5F, #101F17)

Browse the whole catalog at Explore, or see today's palette.