Muted Courtyard color palette — #ECF7FF · #5AB0E6 · #9C7BAF · #487257 · #23353C
Built around Cornflower, softened by Heather — the whole palette hums with nature and growth.
The five colors
- Ivory (#ECF7FF): bright and airy, almost weightless.
- Cornflower (#5AB0E6): A luminous, balanced blue — the color of deep harbor water.
- Heather (#9C7BAF): A luminous, balanced violet — the color of wild irises.
- Pine (#487257): A full-bodied, dusty teal — the color of sea glass.
- Deep Teal (#23353C): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, 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
- Tempered Driftwood color palette (#EFF6FD, #9DC7EC, #A875AD, #686E2C, #1C2A37)
- Dusty Teal color palette (#EBF8FB, #1BC1B9, #6E84B9, #676A39, #293B3A)
- Lilac Balcony color palette (#F3F4FF, #A794E1, #B56975, #3A7583, #2A323F)
- Softworn Powder Loft color palette (#F1F5FF, #9DAAFC, #A879AB, #8A595F, #22475A)
- Sunlit Byzantium Delta color palette (#EDF6FF, #0097D9, #A04CB9, #006B44, #00292D)
- Ash Terrace color palette (#F0F6FC, #D9D9E3, #B8ADB8, #839EBC, #4E5359)
- Worn Boulevard color palette (#ECF7FF, #428AB4, #8F5154, #604F17, #233B3E)
- Tempered Garden color palette (#EFF6FF, #BCD1FF, #8F97CC, #716C9F, #4B396B)
Browse the whole catalog at Explore, or see today's palette.