Weathered Courtyard color palette — #F6F6E8 · #CEF4AE · #DEBCF4 · #89A471 · #5A3C46

Celadon Mist and Lavender set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F6F6E8): bright and airy, almost weightless.
• Celadon Mist (#CEF4AE): A whisper-light, balanced green — the color of new leaves after rain.
• Lavender (#DEBCF4): A whisper-light, balanced violet — the color of a velvet chair.
• Moss (#89A471): A luminous, dusty green — the color of new leaves after rain.
• Cocoa (#5A3C46): A deep, shadowed, dusty rose — the color of strawberry cream.

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

• Washed Cabin color palette (#EEFAE8, #93FDE7, #F6B6D1, #63A99B, #5E3C3A)
• Aged Taupe color palette (#FCF4E7, #FFE1A9, #AECDFF, #B2965F, #533E52)
• Muted Balcony color palette (#F1F8EC, #C9DCCA, #549482, #3E4B34, #181D13)
• Patina Seafoam Pier color palette (#F6F7E2, #A9DD97, #95BDF7, #CD8F90, #383932)
• Tempered Bronze Boulevard color palette (#FFF3E8, #E0DEC0, #CDA586, #A66942, #533A00)
• Hushed Olive Harbor color palette (#ECF8F5, #A4B88E, #C4877B, #5C8021, #5F4259)
• Weathered Fern Workshop color palette (#F6F7E4, #C8EBD5, #A0C3DA, #C4BA94, #4B580F)
• Mint Orchard color palette (#F4F9D4, #BEEFE2, #91C18C, #4C704F, #2E2F28)

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