Muted Courtyard color palette — #F4F4FF · #E6C7F8 · #B1D39D · #BE96D4 · #27574E

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

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Thistle (#E6C7F8): A whisper-light, dusty violet — the color of a velvet chair.
• Pistachio (#B1D39D): A whisper-light, balanced green — the color of a quiet forest floor.
• Mauve (#BE96D4): A luminous, balanced violet — the color of a velvet chair.
• Charcoal Brown (#27574E): A full-bodied, dusty teal — the color of glacier melt.

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

• Patina Blush color palette (#FBF1FF, #FFC1D2, #8AD9C6, #DC8EA4, #22565C)
• Worn Periwinkle Station color palette (#EFF6FF, #C1D5FF, #DEC390, #8BA7E4, #35563C)
• Driftwood Lantern color palette (#F5F4FF, #D8B6E1, #A2BC80, #A47AB0, #2D564C)
• Timeworn Stone color palette (#F5F3FF, #DEB7E6, #DCB77A, #78BCC0, #423F54)
• Driftwood Summit color palette (#EAFAF0, #C0E3D5, #9BC0AC, #7D9B82, #394D48)
• Peony Lagoon color palette (#F7E8FE, #FF9BC0, #41C8B6, #D76592, #003F38)
• Timeworn Harbor color palette (#FDEDF1, #C6A4D9, #80AA6A, #86609A, #31322B)
• Taupe Canyon color palette (#F9F2FD, #F1DBAF, #C18DA0, #766680, #2F2833)

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