Moss Courtyard color palette — #E9F9F4 · #BCCBA0 · #C3A2DA · #7C993A · #4A486C

Moss and Mauve set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E9F9F4): bright and airy, almost weightless.
• Pistachio (#BCCBA0): A luminous, dusty green — the color of a quiet forest floor.
• Mauve (#C3A2DA): A luminous, balanced violet — the color of a velvet chair.
• Moss (#7C993A): A luminous, balanced green — the color of new leaves after rain.
• Charcoal Brown (#4A486C): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged light, muted.

Use it as a design system

One click turns Moss 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

• Wandering Amber Basin color palette (#EEF9EE, #ADCFAE, #85B5EE, #B4812E, #374F6A)
• Lilac Alley color palette (#E9FAF4, #A8B978, #AA88C8, #6B7B36, #4A4A65)
• Lagoon Grove color palette (#E8F9FB, #98D0D5, #DE9BB3, #00A483, #594364)
• Celadon Veranda color palette (#F8F6E6, #CCDF8F, #D7B8F1, #A2AF7B, #63424D)
• Antique Taupe color palette (#E4FBF5, #C9E0EA, #B2ACBD, #A5A46A, #3A514E)
• Muted Coral color palette (#E5FBF5, #A0BC88, #78A9DE, #C87783, #2B4943)
• Wandering Hollow color palette (#EEF7F8, #BCDAC2, #558A74, #255658, #212E2F)
• Worn Pewter color palette (#FDF1F7, #E0C1CB, #B78DA2, #98665A, #3B4D3E)

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