Moss Courtyard color palette — #F7F6EC · #BACC9B · #C3A2DA · #7E9846 · #66404D

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

The five colors

• Ivory (#F7F6EC): bright and airy, almost weightless.
• Pistachio (#BACC9B): A luminous, dusty green — the color of new leaves after rain.
• Mauve (#C3A2DA): A luminous, balanced violet — the color of a velvet chair.
• Moss (#7E9846): A luminous, balanced green — the color of fresh herbs.
• Cocoa (#66404D): A full-bodied, dusty rose — the color of a warm blush.

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

• Lagoon Field color palette (#F1F7ED, #94D4BF, #D99CBB, #25A284, #663F53)
• Amber Basin color palette (#F9F5EB, #D5C38E, #99AFEE, #A98800, #3F4B70)
• Washed Lilac Basin color palette (#F7F6E8, #A6B882, #A985D3, #677C33, #5F444E)
• Dusty Study color palette (#E4FBF4, #C7E09C, #D1BAF4, #9CB277, #494B63)
• Timeworn Balcony color palette (#F7F7E1, #9EBD83, #79A9DD, #CB7582, #43433C)
• Fern Alley color palette (#F6F6E9, #BDE1DA, #BEC3CE, #A9A86C, #4A5200)
• Antique Cocoa Summit color palette (#FFF3EA, #D9C7B5, #B3947D, #96675C, #604100)
• Patina Lagoon color palette (#F3F7EF, #E4CEAB, #588A75, #275845, #292D24)

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