Muted Courtyard color palette — #F1F7F2 · #D7DDF4 · #9DC1EB · #5CA5B4 · #374864

A conversation between Blue Fog and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Frost (#D7DDF4): A whisper-light, dusty violet — the color of wild irises.
• Sky (#9DC1EB): A luminous, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#5CA5B4): A luminous, dusty blue — the color of open sky before noon.
• Navy (#374864): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Hushed Lagoon Orchard color palette (#FBF2F6, #D5DEFC, #8BA4DB, #2D8B85, #414562)
• Worn Aqua color palette (#EFF8F0, #B7EAF8, #48C5D8, #479E83, #004154)
• Cobalt Hollow color palette (#E5EFE7, #6AABC1, #007DB2, #005D5F, #00091A)
• Powder Dune color palette (#F4F4FF, #ECD9DC, #E2B4B4, #B2B1DF, #4B475F)
• Feathered Hollow color palette (#F4F4FF, #D2AAF4, #DEA86B, #3BBBB3, #35344F)
• Cornflower Boulevard color palette (#E1F3E4, #8AB4DF, #4E7DE5, #006984, #0F0441)
• Aged Periwinkle Dune color palette (#E8F2E9, #B1D8F9, #6DA4FA, #008DA9, #222954)
• Feathered Lilac color palette (#E1E9FF, #BFC4FF, #B59CF1, #9D79BB, #5A3F60)

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