Hushed Courtyard color palette — #FBF3F3 · #E1D8D3 · #A8B09F · #987591 · #585051

Heather takes the lead with Sage close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#FBF3F3): a clean, paper-quiet neutral.
• Bone (#E1D8D3): bright and airy, almost weightless.
• Sage (#A8B09F): A luminous, dusty green — the color of fresh herbs.
• Heather (#987591): A luminous, dusty pink — the color of neon signs at night.
• Charcoal Brown (#585051): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Weathered Parlor color palette (#F9EFF1, #E1D6CE, #B0B2A3, #9B787E, #3D3335)
• Plum Grove color palette (#FCF3F2, #E7D8C8, #D3B5A6, #A6406E, #4B3C3A)
• Olive Terrace color palette (#FFF1F1, #E4C1B6, #AC8A6F, #627F40, #3B514C)
• Muted Balcony color palette (#FEF4E3, #C995B7, #A95E5F, #3F6347, #58413F)
• Washed Fern Harbor color palette (#F9F5EB, #C8C1A5, #718A60, #795D64, #5B4D00)
• Softworn Balcony color palette (#F3E7E7, #AC938E, #92625F, #4F0239, #130505)
• Mulberry Canyon color palette (#F4ECEB, #DCC7BF, #B69A87, #84374B, #3A2926)
• Bronze Delta color palette (#EBDFD7, #B3A79A, #9B7936, #5A2600, #1E1006)

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