Muted Courtyard color palette — #F5F1EA · #C8E4D5 · #5B95B8 · #006C6E · #38243A

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

The five colors

• Cream (#F5F1EA): a clean, paper-quiet neutral.
• Celadon Mist (#C8E4D5): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#5B95B8): A luminous, balanced blue — the color of deep harbor water.
• Teal (#006C6E): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#38243A): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Washed Cypress color palette (#F7F1E8, #CDE4CC, #559AA5, #226D56, #0A3524)
• Muted Summit color palette (#F8F1E6, #AED0C4, #507EB6, #005968, #31142C)
• Dusty Cypress color palette (#FBF2F8, #C3E1F3, #658EBA, #00735F, #3A4766)
• Patina Amber color palette (#E6F7EE, #5BB0D1, #C87455, #006F8E, #431807)
• Tempered Grove color palette (#EFE7DA, #6AA9A5, #00646D, #003B28, #000D12)
• Antique Denim color palette (#F6EDDF, #5D91AE, #004C81, #002B30, #00021A)
• Ancient Petrol Lantern color palette (#E1F8EF, #FFDEFD, #ECC1D8, #3F828E, #1A352E)
• Turquoise Villa color palette (#AAEEEB, #44B8C6, #00839C, #005876, #0B2C47)

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