Dusty Courtyard color palette — #F1F7F0 · #CCDEDC · #A8C5C9 · #009B91 · #374434

Built around Fern, softened by Ash — the whole palette hums with sophistication.

The five colors

• Ivory (#F1F7F0): a clean, paper-quiet neutral.
• Silver (#CCDEDC): a clean, paper-quiet neutral.
• Ash (#A8C5C9): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#009B91): A luminous, balanced teal — the color of glacier melt.
• Charcoal (#374434): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Muted Villa color palette (#ECF8FB, #D0DBE7, #A8C0CD, #007A78, #29454B)
• Timeworn Cerulean Station color palette (#EFF7F4, #DED4D3, #ADA394, #5599B9, #3D4B45)
• Weathered Field color palette (#D5ECDD, #0096B1, #26476B, #0E2D1D, #0C140B)
• Tempered Veranda color palette (#FFF4E1, #B6C374, #539A4E, #317671, #393E15)
• Cobalt Parlor color palette (#FBF2FC, #EED6E5, #DDAFBE, #337AC2, #3E2B40)
• Hushed Powder Chapel color palette (#B0F2E4, #7CCAE5, #AF8AA5, #726D66, #5F3E00)
• Worn Cobalt color palette (#FFF2EA, #00C1B2, #298CCD, #8C3400, #003D44)
• Petrol Archive color palette (#E8F3EC, #B2CAC3, #B79BAE, #006C82, #15231B)

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