Muted Courtyard color palette — #F0F7F4 · #E5D7DA · #D2BAB7 · #4889A8 · #2F3F38
Cerulean takes the lead with Stone close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F0F7F4): bright and airy, almost weightless.
- Silver (#E5D7DA): a clean, paper-quiet neutral.
- Stone (#D2BAB7): A luminous, dusty orange — the color of sun-warmed clay.
- Cerulean (#4889A8): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#2F3F38): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Petrol Coast color palette (#EFF6FC, #D8D8E6, #AAB3CA, #366A8B, #343C42)
- Tempered Iris Lagoon color palette (#FAF3F5, #EAD7CD, #D0BDA6, #9874B9, #4C3A40)
- Dusty Harbor color palette (#E3EEEA, #CDBFC8, #C596A2, #00679A, #14231E)
- Aged Fern color palette (#D8EAD0, #C7B0CA, #A087BB, #527557, #414A00)
- Worn Olive color palette (#FEF3EC, #CEAF7D, #80872C, #6C5983, #39352F)
- Aged Courtyard color palette (#E7D9E5, #4B7AE4, #59323F, #2C1B2A, #05100B)
- Tempered Indigo Alley color palette (#F9EED1, #00B5D1, #7864C8, #615600, #0C392E)
- Feathered Grove color palette (#E9F6EB, #00A9B5, #B7474D, #3E5A00, #213203)
Browse the whole catalog at Explore, or see today's palette.