Muted Courtyard color palette — #F9F0E7 · #A1D7FF · #507EDE · #006169 · #221D4A

A conversation between Azure and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Cream (#F9F0E7): bright and airy, almost weightless.
• Powder Blue (#A1D7FF): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#507EDE): A luminous, balanced violet — the color of a velvet chair.
• Peacock (#006169): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Indigo (#221D4A): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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

• Cornflower Parlor color palette (#FFF1F6, #A8D4F7, #6278CE, #006666, #473367)
• Sapphire Market color palette (#FFEFDD, #80C1FF, #4D66D2, #00505C, #1E0646)
• Antique Alley color palette (#FDEEE8, #8BD6DE, #3686A4, #0D5D47, #03223C)
• Softworn Meadow color palette (#EBFAEE, #BDDFFE, #5F9BF5, #007F98, #323C6B)
• Aged Ash Grove color palette (#F8F0EC, #C2EDE3, #6DA6B9, #477761, #243C35)
• Pale Balcony color palette (#FAEADD, #3A93C6, #00429E, #002B2E, #03001A)
• Turquoise Veranda color palette (#EFE1D9, #21AEC9, #005F89, #003A32, #000922)
• Patina Grove color palette (#F6E2D9, #00879A, #00415B, #002019, #000105)

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