Weathered Courtyard color palette — #ECF8F3 · #C9E5DC · #A5BF96 · #78A2AC · #3D524C

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

The five colors

• Ivory (#ECF8F3): bright and airy, almost weightless.
• Silver (#C9E5DC): A whisper-light, dusty teal — the color of sea glass.
• Sage (#A5BF96): A luminous, dusty green — the color of new leaves after rain.
• Blue Fog (#78A2AC): A luminous, dusty blue — the color of deep harbor water.
• Charcoal Brown (#3D524C): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Softness, Clarity, Grounding. Tagged botanical, earthy, muted, light.

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

• Taupe Bloom color palette (#EBF9F0, #B3E1CC, #A6B37E, #A384A4, #2B4A3D)
• Mallow Cabin color palette (#F6F3FF, #E2D6DE, #D2B3E3, #ABAFA2, #4F495C)
• Teal Field color palette (#E5FAF9, #9FD9C0, #58B39E, #578BA6, #0E3D3F)
• Ancient Parlor color palette (#F4F2E8, #CAC4A1, #758B60, #596656, #32312A)
• Washed Lagoon Harbor color palette (#DDEFF0, #72B6A7, #00928A, #296998, #00211B)
• Washed Pine Alley color palette (#D3EDE5, #759364, #2B7330, #005357, #020800)
• Timeworn Sky color palette (#F4F4FF, #D9B9E8, #F4A6A4, #7AB4EC, #413F56)
• Antique Drift color palette (#CEE5D7, #9B9C5E, #697A00, #8A3639, #111000)

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