Patina Courtyard color palette — #E8FAF2 · #E5EDA0 · #CBC3FF · #9A9F6A · #3E4461

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

The five colors

• Ivory (#E8FAF2): A whisper-light, dusty teal — the color of shallow lagoons.
• Butter (#E5EDA0): A whisper-light, balanced green — the color of new leaves after rain.
• Lavender (#CBC3FF): A whisper-light, balanced violet — the color of wild irises.
• Moss (#9A9F6A): A luminous, dusty green — the color of a quiet forest floor.
• Charcoal (#3E4461): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Taupe Terrace color palette (#FFF1F6, #EAE1B9, #9BD3FF, #C08E5D, #30495F)
• Weathered Celadon color palette (#E8F9F9, #A3FCCE, #F4B6D7, #65AB88, #4E3F5C)
• Softworn Lagoon Thicket color palette (#ECF8F7, #CADDCB, #679175, #284E4D, #101E1E)
• Softworn Glacier color palette (#E7FAF3, #AEE2E9, #BFB7BF, #89AAB6, #415550)
• Weathered Bloom color palette (#E2FCF3, #C1D875, #88C2EC, #CC8DA0, #283E36)
• Dusty Stone Pier color palette (#FFF0F9, #E7DEC8, #D2A190, #887285, #384336)
• Washed Olive Harbor color palette (#F8F5EB, #AFB587, #49A8BA, #72791E, #1B5661)
• Stone Cabin color palette (#D8FFF5, #9FE9E1, #9EBC81, #5F7146, #07382E)

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