Taupe Courtyard color palette — #F5F4FF · #DCB8E9 · #D0BD7E · #97B062 · #423F55

Sage and Sand set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F5F4FF): bright and airy, almost weightless.
• Lavender (#DCB8E9): A whisper-light, dusty pink — the color of a candy shop window.
• Sand (#D0BD7E): A luminous, balanced green — the color of a quiet forest floor.
• Sage (#97B062): A luminous, balanced green — the color of a quiet forest floor.
• Charcoal (#423F55): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged light, muted.

Use it as a design system

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

• Antique Drift color palette (#EEF6FF, #A5CAFA, #E5B187, #B8A15E, #344456)
• Washed Balcony color palette (#F2F4FF, #D0C0FF, #F7A569, #6AB2A0, #343747)
• Wandering Teal Study color palette (#FFF1F7, #B5A8DB, #CC9874, #4DA490, #513B45)
• Hushed Chapel color palette (#EDF9ED, #C3E2D1, #CEB089, #AA859D, #344E48)
• Misty Courtyard color palette (#F1DDF4, #EB8FA0, #8BB456, #52AE3D, #461C25)
• Misty Moss Market color palette (#EAE8FF, #E7B9FF, #00CBA7, #2BB328, #3E244A)
• Iris Ridge color palette (#FFEBF6, #9692DD, #7E9859, #6D8052, #32212B)
• Ancient Loft color palette (#E3DEEB, #F392D3, #00B286, #469700, #331029)

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