Muted Courtyard color palette — #F3F3E4 · #BBDAB9 · #00959C · #006356 · #002B31

A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.

The five colors

• Cream (#F3F3E4): bright and airy, almost weightless.
• Pistachio (#BBDAB9): A whisper-light, dusty green — the color of new leaves after rain.
• Cerulean (#00959C): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006356): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#002B31): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Teal Courtyard color palette (#D1E6E0, #00B7AA, #008581, #005659, #00282D)
• Cobalt Ridge color palette (#F1F3EA, #A2D9F1, #008DC5, #00606F, #002742)
• Pale Forest color palette (#FCF2F8, #93DEDB, #008EA6, #006B3F, #074563)
• Softworn Bronze Balcony color palette (#E6F8E4, #00AFAA, #9B8000, #006966, #282000)
• Washed Sapphire Quarry color palette (#B1F3F2, #009695, #266DE4, #4B6E00, #001D1D)
• Wandering Denim Corridor color palette (#EAEDDD, #72A4BA, #005F87, #003842, #000C19)
• Antique Abyss Studio color palette (#E4E6D8, #5C836E, #004259, #001F23, #000103)
• Navy Canyon color palette (#E3E8DA, #619689, #004498, #00293C, #00001E)

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