Weathered Courtyard color palette — #F0F7F2 · #CFDFE2 · #BBBBAD · #7EB0A8 · #424A44

Sage and Stone set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Silver (#CFDFE2): a clean, paper-quiet neutral.
• Stone (#BBBBAD): soft and architectural.
• Sage (#7EB0A8): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal (#424A44): quiet, heavy and certain.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, 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

• Basalt Basin color palette (#FAF5E7, #BCE1B3, #7CBBA9, #7B988C, #444600)
• Ash Grove color palette (#FCF2F7, #E7D5D0, #CBBCAF, #9C97D2, #44363D)
• Washed Coast color palette (#ECF3F6, #D5D6DD, #BEBACD, #188296, #232E33)
• Softworn Study color palette (#E0FFDE, #AAE0D2, #C9B0D6, #9C9177, #624900)
• Timeworn Alley color palette (#E8FAF2, #F5DFF0, #EDC4D1, #00A6DE, #243830)
• Timeworn Sky Corridor color palette (#D2EBE3, #4AB3FF, #816774, #3E4E49, #131A15)
• Washed Aqua Hollow color palette (#FFF3E6, #2BE0EF, #999EDE, #A0794E, #294339)
• Antique Iris Cabin color palette (#EAE1E5, #D3BBB1, #BAA28B, #8573B5, #271B21)

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