Muted Courtyard color palette — #FAF0EA · #C2E6D3 · #6691BF · #216C5C · #3A2432
A conversation between Slate Blue and Pine, giving this palette its sense of trust and stability.
The five colors
- Cream (#FAF0EA): bright and airy, almost weightless.
- Celadon Mist (#C2E6D3): A whisper-light, dusty teal — the color of glacier melt.
- Slate Blue (#6691BF): A luminous, balanced blue — the color of deep harbor water.
- Pine (#216C5C): A full-bodied, dusty teal — the color of sea glass.
- Espresso (#3A2432): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Calm, 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
- Muted Cobalt Lantern color palette (#FBF0E6, #99CFF5, #6479B2, #005B59, #331424)
- Gentle Teal Veranda color palette (#CEECE0, #00BFC3, #008DAA, #285783, #381F32)
- Antique Turquoise Field color palette (#E2F8ED, #00B4E6, #C37852, #006F8F, #3B1F09)
- Dusty Powder Field color palette (#F0F7F1, #DADFEB, #7DC4F2, #4F8E90, #304154)
- Muted Lagoon Quarry color palette (#F1E4DF, #008894, #00415C, #002111, #00010A)
- Worn Spruce Balcony color palette (#F6E3DE, #48AFAA, #006278, #043D07, #000B1A)
- Hushed Corridor color palette (#D7FCE9, #009CC4, #AF6E22, #8F5F2D, #052518)
- Weathered Station color palette (#E4F5FF, #70C6FE, #2B81B3, #004968, #00152B)
Browse the whole catalog at Explore, or see today's palette.