Muted Courtyard color palette — #F4EEE4 · #92BCA8 · #006FA6 · #004F53 · #092D59

Peacock and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F4EEE4): bright and airy, almost weightless.
• Sage (#92BCA8): A luminous, dusty teal — the color of sea glass.
• Peacock (#006FA6): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004F53): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Navy (#092D59): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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

• Cobalt Study color palette (#F1E7E0, #91C0A8, #2C6CB4, #004C41, #130741)
• Timeworn Cobalt Grove color palette (#FAF4EC, #AACEC1, #4F7BAC, #005E6B, #2C395A)
• Dusty Lagoon color palette (#E9DFCE, #79A3CB, #31549B, #003C4C, #181844)
• Cerulean Lagoon color palette (#F4E8D6, #3C9EAE, #005269, #00302C, #001625)
• Azure Studio color palette (#E9F1EA, #9EDEF8, #33AEF9, #009097, #0D2D56)
• Timeworn Studio color palette (#F9F4EE, #C8E5CB, #4397A9, #15725E, #295141)
• Tempered Navy color palette (#E9E1D5, #5E85A4, #003880, #002129, #04002D)
• Ancient Petrol Pier color palette (#F9F4EE, #C9E7E7, #7B9DBD, #3F7981, #5F4B5D)

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