Muted Courtyard color palette — #E8F8FF · #54C2D1 · #C9818A · #19818D · #5B445D

Cyan and Dusty Rose set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E8F8FF): bright and airy, almost weightless.
• Cyan (#54C2D1): A luminous, balanced blue — the color of open sky before noon.
• Dusty Rose (#C9818A): A luminous, balanced red — the color of embers at dusk.
• Teal (#19818D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal Brown (#5B445D): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Balance. Tagged 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 Mint Delta color palette (#E6FAF9, #74C399, #B684BA, #478162, #4E4864)
• Tempered Periwinkle color palette (#EEF6FF, #7CB3F7, #BC8E67, #4E75A4, #61434F)
• Wandering Basin color palette (#E7F7E9, #75C2C7, #A293C2, #008187, #432734)
• Timeworn Cerulean Study color palette (#E8F8FF, #8DD1DB, #BBA4DE, #399CA8, #484A66)
• Ancient Teal color palette (#E5FAFF, #01AEAA, #B9765A, #966B58, #31464C)
• Wandering Driftwood color palette (#FFF0F7, #A1C2A7, #9E765C, #6C556B, #394D44)
• Rust Meadow color palette (#E9F8FF, #00A5C0, #C65B00, #006779, #5F2800)
• Feathered Iris color palette (#F0F5FF, #859AEC, #AD812E, #52619E, #2E4A32)

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