Muted Courtyard color palette — #F1F7F0 · #D1DDDA · #A7AFB7 · #738970 · #4E554D

A conversation between Eucalyptus and Charcoal Brown, giving this palette its sense of sophistication.

The five colors

• Ivory (#F1F7F0): a clean, paper-quiet neutral.
• Silver (#D1DDDA): a clean, paper-quiet neutral.
• Ash (#A7AFB7): a calm mid-gray that lets other colors speak.
• Eucalyptus (#738970): A luminous, dusty green — the color of a quiet forest floor.
• Charcoal Brown (#4E554D): quiet, heavy and certain.

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

Use it as a design system

One click turns Muted 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

• Patina Veranda color palette (#F9F3F9, #EAD7DB, #CDBDBF, #856A85, #4C454C)
• Dusty Lagoon color palette (#F8F5EB, #B9C89C, #728963, #616D27, #574E00)
• Antique Bloom color palette (#EEF8F1, #C9DFDE, #A9C3B8, #007889, #344439)
• Denim Bloom color palette (#E8F1EC, #B9D3C8, #8EA79F, #005E76, #26312B)
• Wandering Turquoise Lantern color palette (#F5F8E0, #54B9C0, #468095, #5C527A, #3B4D40)
• Hushed Field color palette (#DEE8DF, #8BA092, #567A68, #003235, #020D03)
• Aged Denim color palette (#E0E9E6, #C5B2C5, #9A8797, #034874, #13231F)
• Aged Glacier color palette (#E9FAEC, #C5E0FF, #63DCE8, #72ACC8, #314B3B)

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