Muted Courtyard color palette — #ECF2FF · #9CAAFF · #B58C1F · #3D8148 · #073512

Mustard takes the lead with Lavender close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#ECF2FF): a clean, paper-quiet neutral.
• Lavender (#9CAAFF): A luminous, balanced violet — the color of twilight just after sunset.
• Mustard (#B58C1F): A luminous, balanced gold — the color of honey in a jar.
• Fern (#3D8148): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#073512): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.

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

• Pale Amber color palette (#E8F3FF, #6EB7FF, #CD7D2B, #757425, #2E2D00)
• Hushed Orchard color palette (#F2F4FF, #C3AFFF, #B1A04D, #438C77, #054234)
• Hushed Wisteria color palette (#E5E5FF, #D592FF, #758B00, #00767B, #002A2D)
• Weathered Mallow Harbor color palette (#DAE6F4, #D6B8EC, #D09994, #678C8E, #1D4C4F)
• Softworn Cabin color palette (#DDE5F6, #7B7CFF, #8D6E00, #006045, #00170E)
• Timeworn Fuchsia color palette (#F4EFFF, #F97DDC, #43AA73, #008272, #003332)
• Tempered Sky color palette (#FEF1F8, #B1EAFF, #7BB6F5, #529B89, #34375A)
• Lilac Lagoon color palette (#FFECF3, #A875F4, #AE5149, #505500, #003335)

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