Hushed Courtyard color palette — #F6F1EA · #CDC3A7 · #7C8960 · #735963 · #33312A

A conversation between Eucalyptus and Sand, giving this palette its sense of nature and growth.

The five colors

• Cream (#F6F1EA): bright and airy, almost weightless.
• Sand (#CDC3A7): A luminous, dusty green — the color of fresh herbs.
• Eucalyptus (#7C8960): A luminous, dusty green — the color of fresh herbs.
• Graphite (#735963): A full-bodied, dusty rose — the color of a warm blush.
• Espresso (#33312A): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Hushed Courtyard 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

• Pewter Chapel color palette (#FCF2F5, #AAC9BA, #5E8B85, #596585, #3D5349)
• Timeworn Parlor color palette (#FFE0DE, #E7A2AE, #BC7372, #814B43, #403935)
• Softworn Cypress Harbor color palette (#F5F1EA, #C9E0DB, #6FA6B5, #377869, #213D32)
• Dusty Bronze color palette (#FFEEE7, #DDA29C, #56ABB6, #A25A55, #1C3824)
• Washed Driftwood Pier color palette (#FFEEE4, #F9C3B1, #B17461, #6A3A27, #301302)
• Timeworn Market color palette (#FFEEE6, #D18576, #679C75, #6A76A2, #34231A)
• Weathered Cocoa color palette (#FFEEE5, #DED8C5, #ABB6CF, #A88077, #592A00)
• Pine Delta color palette (#F8F2DF, #97B468, #3B7C3C, #603E60, #192500)

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