Washed Garden color palette — #F6F6E8 · #87AB7D · #B06D6F · #895E3A · #35322C

Built around Mocha, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Ivory (#F6F6E8): bright and airy, almost weightless.
• Sage (#87AB7D): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#B06D6F): A luminous, balanced red — the color of a theater curtain.
• Walnut (#895E3A): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Espresso (#35322C): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Washed 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

• Muted Bloom color palette (#EBF9F4, #A8BD81, #CC6C85, #9C5D41, #1B2C20)
• Worn Bronze Bloom color palette (#F1F8ED, #6BB4A5, #A7734F, #6E6533, #333A00)
• Timeworn Bronze color palette (#EDFAE4, #00A38A, #A65500, #635200, #0B2C0E)
• Weathered Terrace color palette (#ECF7FF, #7DCEF5, #C493D2, #AF7C4C, #22373B)
• Worn Corridor color palette (#FCF1FB, #95B3DE, #9682AE, #8B566C, #034C52)
• Turquoise Study color palette (#EAF9F2, #1DA9D4, #827E2F, #256A34, #203120)
• Hushed Loft color palette (#EEF8F4, #5087A8, #825D92, #6E3E00, #2F392A)
• Ash Pier color palette (#F0F7F3, #D1DCDC, #A7B3BA, #7CA78F, #4D5550)

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