Weathered Courtyard color palette — #EDF9EF · #B7E7EC · #72AD8B · #547C91 · #233F37

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

The five colors

• Ivory (#EDF9EF): bright and airy, almost weightless.
• Powder Blue (#B7E7EC): A whisper-light, dusty blue — the color of open sky before noon.
• Jade (#72AD8B): A luminous, dusty teal — the color of sea glass.
• Slate (#547C91): A full-bodied, dusty blue — the color of deep harbor water.
• Forest (#233F37): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Driftwood Garden color palette (#F9F3F7, #C0E3E7, #90B9A5, #7F83A7, #3D4A3C)
• Teal Lantern color palette (#ECF8F4, #C0E2F1, #54AFAE, #707C52, #144040)
• Stone Workshop color palette (#E7F6F0, #9CBF90, #538164, #375C64, #132D29)
• Worn Mint color palette (#F7F5EB, #D6D9B0, #6DC18E, #80987B, #454600)
• Wandering Lagoon color palette (#F9F3F8, #D4D4E3, #8CC3E4, #3D956A, #2E405B)
• Weathered Veranda color palette (#EEF8EF, #C9D7A4, #589B70, #854F6B, #072F25)
• Forest Alley color palette (#D5E6DB, #7C9862, #005C41, #003040, #010200)
• Feathered Grove color palette (#EFF6FF, #BED5FF, #D0BB5E, #5686E5, #433800)

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