Muted Courtyard color palette — #F8F0ED · #D1E2D0 · #3E9AB7 · #336D39 · #122E49
Pine and Cerulean set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F8F0ED): bright and airy, almost weightless.
- Celadon Mist (#D1E2D0): A whisper-light, dusty green — the color of fresh herbs.
- Cerulean (#3E9AB7): A luminous, balanced blue — the color of deep harbor water.
- Pine (#336D39): A full-bodied, balanced green — the color of new leaves after rain.
- Midnight (#122E49): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, 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
- Wandering Cerulean color palette (#F8F0EB, #CAE3D7, #688FC4, #006E60, #3E2133)
- Dusty Turquoise color palette (#FAF2FA, #C1EDFA, #40B4D8, #4E8B56, #344A60)
- Aged Iris color palette (#F8F0E9, #E2C4E6, #7378CF, #006168, #321348)
- Dusty Atelier color palette (#FCE9E2, #4298A3, #004F71, #002E1A, #00011D)
- Hushed Petrol Courtyard color palette (#F4E5E0, #9DBDA1, #00759C, #004F29, #001338)
- Aged Navy Chapel color palette (#F6E9DF, #4D7EA0, #182B91, #001F1E, #020008)
- Olive Harbor color palette (#FFEDEE, #B376A5, #608F3F, #487B1E, #321317)
- Aged Cocoa Villa color palette (#F8F2DE, #AEAE88, #7B7742, #6A4200, #1E2610)
Browse the whole catalog at Explore, or see today's palette.