Muted Courtyard color palette — #ECF7FF · #76DEA2 · #00B8EB · #9F5CB6 · #1F3550

Amethyst takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Lagoon (#76DEA2): A whisper-light, balanced teal — the color of glacier melt.
• Cyan (#00B8EB): A luminous, balanced blue — the color of open sky before noon.
• Amethyst (#9F5CB6): A full-bodied, balanced pink — the color of neon signs at night.
• Navy (#1F3550): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged candy, vibrant, 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

• Hazy Ridge color palette (#EFF6FF, #7BECE3, #82BEFF, #A766B0, #363E55)
• Chartreuse Courtyard color palette (#E6F9FF, #9DD869, #00BFC1, #6861C4, #063346)
• Worn Sky Quarry color palette (#DDFAEC, #00E7E9, #3BBBFF, #6E7CCE, #001D32)
• Wandering Iris color palette (#F1F5FF, #2CD5F3, #8697FF, #AD4D78, #2F3051)
• Wandering Pier color palette (#BBF6FD, #7AAEC8, #826A9F, #5F582D, #324F3F)
• Softworn Lapis color palette (#CEE9EE, #4598E0, #4756D1, #493486, #432C4E)
• Muted Cobalt color palette (#FBF2F9, #9DCDE2, #0080BB, #006343, #2D395A)
• Frosted Lilac Archive color palette (#E2FCF2, #82F8DD, #91D9FF, #BBA6FF, #0E314E)

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