Muted Courtyard color palette — #EFF7F6 · #D8DDE8 · #A7D2EF · #4A9FB3 · #385066

Cerulean and Powder Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF7F6): a clean, paper-quiet neutral.
• Silver (#D8DDE8): bright and airy, almost weightless.
• Powder Blue (#A7D2EF): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#4A9FB3): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#385066): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. 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

• Aged Azure color palette (#ECF7FE, #CADEFD, #B6D999, #1AA8D8, #3A4D29)
• Cobalt Pier color palette (#E9F9F7, #97D7EF, #0085B3, #00505A, #000E1A)
• Powder Corridor color palette (#EDF6FF, #D8D9E3, #BDB0AF, #86BAD6, #405163)
• Patina Delta color palette (#E5FBF6, #C5DBFC, #00AEBC, #007368, #002A32)
• Worn Basin color palette (#ECF7FF, #9BD5F4, #C3ADF3, #51B892, #243B4B)
• Patina Ash color palette (#F8F0EB, #C5E8E7, #73A99C, #587356, #432F3E)
• Denim Corridor color palette (#D7E7E6, #82A7C5, #005794, #002937, #000105)
• Tempered Driftwood color palette (#EEF8F1, #BEE8E5, #BCAE81, #8E764A, #2C453A)

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