Muted Courtyard color palette — #F7ECE5 · #83BAD3 · #3869A8 · #005146 · #2A2750

Slate and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F7ECE5): bright and airy, almost weightless.
• Sky (#83BAD3): A luminous, dusty blue — the color of deep harbor water.
• Slate (#3869A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#005146): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#2A2750): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Petrol Workshop color palette (#E4EBE5, #90BAD5, #2171A6, #004A50, #001437)
• Cobalt Lagoon color palette (#FBF4EE, #ACCEC1, #5875BA, #00605C, #3D335B)
• Spruce Study color palette (#F5E0DB, #62AEA9, #006276, #064106, #00213B)
• Forest Ridge color palette (#FFF2EE, #8BDFE0, #008CB1, #006C2B, #144071)
• Hushed Drift color palette (#D3E5DF, #009DA8, #006282, #003D72, #311A50)
• Cypress Meadow color palette (#CEF8E0, #B6CAFF, #B585AE, #006F65, #3F243E)
• Aged Azure Canyon color palette (#CFEAFF, #2F98E1, #00528E, #002942, #00142B)
• Worn Veranda color palette (#F6EBF0, #A0DDF7, #5DA7FF, #00937F, #29294D)

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