Hushed Courtyard color palette — #F4F4FC · #DED7E0 · #B9ACB0 · #9698BC · #51525A

Blue Fog and Ash set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#F4F4FC): bright and airy, almost weightless.
• Silver (#DED7E0): bright and airy, almost weightless.
• Ash (#B9ACB0): soft and architectural.
• Blue Fog (#9698BC): A luminous, dusty violet — the color of wild irises.
• Charcoal Brown (#51525A): quiet, heavy and certain.

Feels like: Sophistication, Softness, Clarity. 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

• Driftwood Field color palette (#F9F3F9, #E7D7DB, #CCBCBF, #B77D84, #4D444E)
• Muted Ridge color palette (#DFDEEB, #A6A1B7, #8B809B, #5B3069, #090712)
• Timeworn Mulberry Cabin color palette (#E2DDE4, #D1BCD2, #B49CB1, #963E5C, #251B29)
• Seafoam Drift color palette (#ECF8F8, #A5E0CB, #6EA99E, #6D808F, #3A5254)
• Mallow Ridge color palette (#FFF0FA, #E3A4E7, #B87D9D, #876272, #4A4456)
• Patina Fuchsia Veranda color palette (#F3EFFF, #D174C7, #5C5465, #393641, #222126)
• Ash Market color palette (#F2F5FD, #DDD8E1, #B7ACB1, #909ABC, #505258)
• Ash Courtyard color palette (#F5F4FC, #E0D7DE, #BEADAE, #9D96B8, #53515A)

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