Hushed Courtyard color palette — #E9FAF2 · #EBD5D1 · #8FB49B · #A89A91 · #5B4E5D

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

The five colors

• Ivory (#E9FAF2): A whisper-light, dusty teal — the color of glacier melt.
• Bone (#EBD5D1): A whisper-light, dusty orange — the color of sun-warmed clay.
• Sage (#8FB49B): A luminous, dusty teal — the color of sea glass.
• Taupe (#A89A91): A luminous, dusty gold — the color of honey in a jar.
• Charcoal Brown (#5B4E5D): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged pastel, light, 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 Taupe color palette (#EFF8ED, #B8E1EE, #CFBBBD, #9BAB8A, #435045)
• Ash Atelier color palette (#FFF0FC, #E7D7D7, #C9AB95, #7EA2C2, #564750)
• Bronze Market color palette (#FCF4E6, #D5CAAD, #AD996B, #986A30, #544800)
• Periwinkle Studio color palette (#FCF2F8, #9BA4EB, #C09159, #6E8355, #483742)
• Tempered Cobalt color palette (#FBF2F9, #E5CDA8, #6D7BA8, #5D4358, #32282F)
• Softworn Study color palette (#FFEFFF, #E5D4EC, #E7B0FF, #3D9AC7, #3C496B)
• Patina Violet color palette (#DBEBE6, #8EA4EB, #975EDE, #005A74, #150216)
• Washed Corridor color palette (#F8D7E8, #D2AFE0, #E574B6, #4464AE, #2B1B41)

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