Muted Courtyard color palette — #E8EDF3 · #BAC5D7 · #99A4BF · #2B5FAA · #18202A

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

The five colors

• Frost (#E8EDF3): bright and airy, almost weightless.
• Oat (#BAC5D7): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#99A4BF): A luminous, dusty violet — the color of wild irises.
• Cobalt (#2B5FAA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#18202A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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

• Patina Grape Basin color palette (#EEEEF5, #C3C2D3, #A79FC0, #74479D, #1D1D2E)
• Hushed Basin color palette (#EEF6FF, #DCD6E6, #BBB6D5, #0064A2, #040D18)
• Timeworn Navy color palette (#DDE6EF, #B1B9CC, #8A8BAA, #00467B, #14202E)
• Worn Cobalt color palette (#ECE7ED, #D2B9BD, #BB9E9E, #4782C8, #281929)
• Weathered Canyon color palette (#ECEBF5, #A5A1B7, #8C7EA4, #631C80, #090812)
• Worn Amethyst Villa color palette (#DAE6FF, #81B6FF, #7B91FF, #844CDF, #150741)
• Dusty Pewter color palette (#E8E3F8, #AB85C1, #965C8B, #783928, #421F00)
• Driftwood Ridge color palette (#F7F4FA, #E3D5DC, #CFB7C1, #AE648E, #3D3842)

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