Muted Courtyard color palette — #FBF2F7 · #D6DFF6 · #99C1EE · #3FABA9 · #384767

Turquoise takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Frost (#D6DFF6): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#99C1EE): A luminous, dusty blue — the color of open sky before noon.
• Turquoise (#3FABA9): A luminous, balanced teal — the color of glacier melt.
• Navy (#384767): A deep, shadowed, dusty violet — the color of wild irises.

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

• Softworn Teal color palette (#ECF7FF, #DBDAE4, #CCB4A5, #6EBABB, #405367)
• Timeworn Cerulean color palette (#F4F6EF, #BAE9E9, #75ACD1, #388699, #2B5047)
• Sky Boulevard color palette (#BBF9F4, #74DEEF, #42BBE8, #4E8FC1, #354467)
• Soft Periwinkle Boulevard color palette (#F9EAF0, #A8DBF9, #75A6EB, #009095, #262757)
• Dusty Market color palette (#EADDE6, #59AEC1, #007DB0, #005F50, #00081E)
• Cobalt Canyon color palette (#F8E3EB, #88B6D9, #5880D0, #006C74, #130240)
• Emerald Meadow color palette (#FFF0FA, #9CEAE7, #00BFDC, #009D5D, #003751)
• Linen Summit color palette (#ECF7FF, #8FD6FD, #F3AB78, #3DABDE, #5F3719)

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