Weathered Courtyard color palette — #EEF8F3 · #CBD1A1 · #55AAAB · #5F61AB · #552834

Built around Slate, softened by Turquoise — the whole palette hums with nature and growth.

The five colors

• Ivory (#EEF8F3): bright and airy, almost weightless.
• Pistachio (#CBD1A1): A whisper-light, dusty green — the color of fresh herbs.
• Turquoise (#55AAAB): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#5F61AB): A full-bodied, balanced violet — the color of twilight just after sunset.
• Espresso (#552834): A deep, shadowed, dusty red — the color of a theater curtain.

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

Use it as a design system

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

• Dusty Courtyard color palette (#EAF9F8, #A7D9BE, #6E9FCC, #8F5283, #4F3014)
• Patina Field color palette (#FCF2F5, #F1C194, #74A97B, #257496, #373355)
• Patina Amethyst color palette (#E7F9FF, #00AFB7, #6949DA, #7A0028, #161200)
• Patina Meadow color palette (#FDF2F6, #F8B882, #63B4DE, #AE718D, #4B3B56)
• Antique Teal color palette (#F1F7F2, #D9DFEB, #AAD1EE, #2FA5A3, #3B4F64)
• Soft Mulberry color palette (#E6FAF9, #68BA8B, #2F78C5, #850058, #251900)
• Amber Coast color palette (#F8F1E6, #BF9532, #49769C, #5F3F61, #3D1B23)
• Dusty Moss color palette (#F8F5EA, #989F4B, #2E7D85, #574B77, #6A2E11)

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