Muted Courtyard color palette — #E3E7DC · #7DA3C3 · #0057A1 · #003B50 · #021C4A
A conversation between Peacock and Midnight, giving this palette its sense of trust and stability.
The five colors
- Parchment (#E3E7DC): bright and airy, almost weightless.
- Blue Fog (#7DA3C3): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#0057A1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003B50): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#021C4A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. 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
- Aged Denim Boulevard color palette (#ECE3DB, #76A1C6, #3352A3, #00383F, #0C002B)
- Dusty Garden color palette (#DFE0CD, #70AAAD, #00636E, #003E3A, #00242C)
- Cobalt Lantern color palette (#EFDFE5, #97B5D1, #496FC9, #005861, #1F0F4E)
- Navy Boulevard color palette (#E7EDDB, #5C86A3, #003E6B, #00212C, #00081C)
- Weathered Petrol Alley color palette (#F5F7E7, #79C5D8, #007999, #00555A, #00384E)
- Softworn Cornflower Quarry color palette (#E2F3F3, #99C5EB, #2693FD, #00779F, #081D42)
- Airy Cobalt color palette (#F3F7EC, #A9D2FE, #4F7FC9, #00608A, #283B75)
- Feathered Pier color palette (#FAD5DC, #D7A3CD, #BD5B8B, #5C3380, #3B183A)
Browse the whole catalog at Explore, or see today's palette.