Muted Garden color palette — #F3EDE3 · #978049 · #3F3E00 · #261D0D · #110B07

A conversation between Mocha and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#F3EDE3): a clean, paper-quiet neutral.
• Mocha (#978049): A luminous, dusty gold — the color of honey in a jar.
• Deep Olive (#3F3E00): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#261D0D): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#110B07): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Taupe Meadow color palette (#EAF5ED, #B49850, #425F59, #303B33, #261F23)
• Pine Study color palette (#DEE3D3, #398758, #233726, #141806, #080602)
• Violet Pier color palette (#F2F4E2, #81A975, #9E7CBE, #8966A9, #282916)
• Shadow Coast color palette (#EFE9DC, #555C64, #312A00, #0F1612, #000300)
• Weathered Atelier color palette (#F5F2E7, #C1C7A9, #568F85, #7B5659, #30322B)
• Muted Courtyard color palette (#FFEEDD, #CAB98A, #7E9047, #2F672F, #363933)
• Dusty Olive Meadow color palette (#F4F2E5, #AEBA8C, #AE8EC0, #687C08, #3C2747)
• Forest Villa color palette (#E0E3CD, #08530C, #182220, #001211, #000200)

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