Muted Courtyard color palette — #FFF4E2 · #D9DAE9 · #36BAFF · #00878A · #153659

Cornflower takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Silver (#D9DAE9): A whisper-light, dusty violet — the color of wild irises.
• Cornflower (#36BAFF): A luminous, balanced blue — the color of open sky before noon.
• Teal (#00878A): A full-bodied, balanced teal — the color of sea glass.
• Navy (#153659): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Muted Archive color palette (#FBF4E9, #CCE3FD, #00C5D5, #008C64, #003C4A)
• Azure Atelier color palette (#FFF4E2, #DAE7FB, #0EA2F5, #007179, #022250)
• Sunlit Canyon color palette (#FFF2EA, #BCEEFF, #6ABFFF, #00A79A, #273D71)
• Petrol Corridor color palette (#FBF4E9, #C5E4F8, #83A7E0, #007B95, #402339)
• Petrol Lantern color palette (#F5EDE0, #69C6DE, #007098, #003E3C, #000308)
• Washed Cerulean color palette (#ECF8F7, #9BD9EE, #008BB8, #006570, #004566)
• Timeworn Glacier Quarry color palette (#FCF4E9, #72E0E0, #008A9B, #005340, #000F16)
• Teal Lantern color palette (#E8DDCD, #42B6B0, #006069, #002D1E, #000102)

Browse the whole catalog at Explore, or see today's palette.