Muted Courtyard color palette — #F0F7F1 · #DADEED · #98B4D4 · #56919D · #465369

Built around Storm Blue, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Silver (#DADEED): A whisper-light, dusty violet — the color of twilight just after sunset.
• Ash (#98B4D4): A luminous, dusty blue — the color of open sky before noon.
• Storm Blue (#56919D): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#465369): A full-bodied, dusty violet — the color of twilight just after sunset.

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

• Patina Garden color palette (#FBF2F6, #D9DEEF, #849BBA, #327B80, #49526B)
• Cobalt Ridge color palette (#E7F3E9, #6FBCE4, #1478C3, #005862, #071B49)
• Quiet Cerulean color palette (#E8F1EA, #73D5E7, #0094BC, #006D65, #00314D)
• Honey Hollow color palette (#FFF1F6, #F3B680, #76B9E8, #B18055, #395063)
• Marigold Alley color palette (#FFF1F5, #E5A14E, #5EB6AF, #9F87B3, #513C42)
• Muted Glacier color palette (#ECFAEA, #BEEBE6, #9DD4DA, #BB9EB0, #475349)
• Turquoise Corridor color palette (#EAFAED, #85EFF4, #00AECA, #00856E, #01465F)
• Feathered Ultramarine color palette (#E5F3E8, #5E97CF, #204CBB, #003949, #07002B)

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