Muted Courtyard color palette — #FAF3F6 · #D9DEED · #9BB3D6 · #309890 · #4C5168

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

The five colors

• Ivory (#FAF3F6): a clean, paper-quiet neutral.
• Silver (#D9DEED): A whisper-light, dusty violet — the color of twilight just after sunset.
• Mauve (#9BB3D6): A luminous, dusty blue — the color of open sky before noon.
• Fern (#309890): A luminous, balanced teal — the color of sea glass.
• Charcoal Brown (#4C5168): 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 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

• Powder Quarry color palette (#F0F7F1, #D9DEEC, #A1CCF4, #73ADB5, #485364)
• Hushed Cerulean Station color palette (#EBF7FF, #9FCBE6, #D2A87B, #009BC3, #673F4D)
• Ancient Cobalt color palette (#DDFCFF, #8ED3DB, #4FA8CA, #4778B3, #43506F)
• Hushed Taupe Lagoon color palette (#ECF7FF, #81B9D9, #CA9B5C, #948E4A, #2E4556)
• Aged Canyon color palette (#FAF3F8, #B6DBEE, #5C9BD1, #007F62, #2F3661)
• Cobalt Thicket color palette (#F0E3EA, #86BAD1, #3C75C0, #005A4F, #1E0D52)
• Patina Taupe Quarry color palette (#EDF9F0, #B0D4C7, #AA9A6D, #916B50, #304E4C)
• Ultramarine Study color palette (#ECDDE2, #6A98BB, #3748B9, #003B3B, #0F0023)

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