Muted Courtyard color palette — #F6E5DC · #52D8CF · #00A4B9 · #218049 · #002333

Olive and Aqua set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F6E5DC): A whisper-light, dusty orange — the color of toasted spice.
• Aqua (#52D8CF): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#00A4B9): A luminous, balanced blue — the color of deep harbor water.
• Olive (#218049): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#002333): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Azure Study color palette (#ECDCD2, #61D1EE, #169CE0, #007E70, #081D42)
• Aged Teal color palette (#E2F4F0, #50C7C1, #00858A, #005B4C, #002529)
• Forest Harbor color palette (#FAF2FB, #8EDCD7, #0088A3, #0C560A, #000D1D)
• Pale Sky Archive color palette (#FFF2EA, #9FE6FF, #4CB3FF, #00998E, #182D6A)
• Cypress Balcony color palette (#E6EFE7, #6EA9A4, #00646D, #003B28, #000D12)
• Dusty Sapphire color palette (#F0E3D5, #72A6D2, #426ADB, #005C66, #0A0126)
• Airy Fuchsia Grove color palette (#F3E2FC, #D573FF, #00884D, #557D00, #1D0328)
• Timeworn Courtyard color palette (#F4E7C9, #93AA54, #8D7D04, #79510F, #161800)

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