Muted Courtyard color palette — #FAF4EE · #C7E4D9 · #7489BB · #00716D · #5E3B4C

Teal and Slate Blue set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Silver (#C7E4D9): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#7489BB): A luminous, dusty violet — the color of a velvet chair.
• Teal (#00716D): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#5E3B4C): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Creativity, 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

• Weathered Cobalt Basin color palette (#FFF3E8, #A9DBC6, #4F7DCF, #00675F, #3F356F)
• Cerulean Cabin color palette (#F9F4EC, #C7E2E4, #82A8D6, #00899F, #593D54)
• Wandering Cerulean Boulevard color palette (#FFF0F7, #E5D9D4, #DDB499, #627C9E, #61474C)
• Forest Station color palette (#FDF2F0, #CCE4C9, #5295A8, #476D44, #1E5247)
• Worn Cerulean Summit color palette (#EDF4EE, #C6E0F5, #6290C8, #006A7B, #1C2C48)
• Lilac Garden color palette (#FFF1F4, #A372B6, #708444, #247446, #4D2D36)
• Worn Spruce Cabin color palette (#F8E9E5, #559E98, #005363, #073202, #001528)
• Hushed Navy color palette (#F4E6DD, #438BA2, #003D6F, #00231B, #07002B)

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