Dusty Courtyard color palette — #FAF2F8 · #D7D5E9 · #7D9DBA · #497A67 · #485368

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

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Silver (#D7D5E9): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#7D9DBA): A luminous, dusty blue — the color of deep harbor water.
• Teal (#497A67): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#485368): A full-bodied, dusty violet — the color of twilight just after sunset.

Feels like: Sophistication. Tagged coastal, cool, light, muted.

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

• Tempered Lagoon color palette (#EEF7F6, #D3DDED, #92B7CC, #4A9498, #3E5666)
• Worn Ash color palette (#F1F3EB, #C3E4E0, #6FA5BA, #3C757A, #1B3E31)
• Muted Blush Studio color palette (#F8F2FF, #CA79AB, #539A81, #317E82, #463E50)
• Patina Turquoise Cabin color palette (#F4E3EF, #34B1C1, #005E87, #004028, #0D1C42)
• Hushed Mallow color palette (#F8F2FF, #E193C3, #6DA882, #945F80, #2F5554)
• Navy Archive color palette (#F8EBF2, #288CAD, #003C74, #00231C, #070127)
• Stone Grove color palette (#FFF0F9, #A5C1A3, #967489, #6A556D, #3C4C43)
• Hushed Field color palette (#FFF1F6, #95D8FF, #4A7ADF, #006761, #413764)

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