Hushed Courtyard color palette — #EAFAEE · #ACAA7D · #7F7149 · #684C25 · #29433B

A conversation between Coffee and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EAFAEE): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#ACAA7D): A luminous, dusty green — the color of a quiet forest floor.
• Walnut (#7F7149): A full-bodied, dusty green — the color of fresh herbs.
• Coffee (#684C25): A full-bodied, dusty gold — the color of honey in a jar.
• Forest (#29433B): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Worn Cocoa color palette (#FFF1F6, #93B093, #8E6476, #724433, #2F4335)
• Cocoa Veranda color palette (#D3F1DE, #969C69, #6F6430, #5A3E00, #153730)
• Mustard Archive color palette (#FEF4E1, #D5D3A6, #C3AA60, #A38156, #463E00)
• Antique Pewter color palette (#FFF1F7, #CEAEB8, #967585, #6F5467, #3B4D3E)
• Worn Terrace color palette (#DAF1E6, #68802E, #494800, #322600, #041C00)
• Dusty Boulevard color palette (#E8F8FF, #C5AB75, #005D65, #0E333F, #141C25)
• Timeworn Cerulean color palette (#E9F8FF, #0091A5, #9F576E, #7B4306, #173744)
• Amber Pier color palette (#F9D0E8, #CB7525, #953B0B, #720C13, #3A2300)

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