Weathered Courtyard color palette — #EFF7F5 · #A8C9C3 · #598C88 · #4D6F58 · #35544F
Storm Blue and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#EFF7F5): bright and airy, almost weightless.
- Stone (#A8C9C3): A luminous, dusty teal — the color of sea glass.
- Storm Blue (#598C88): A luminous, dusty teal — the color of shallow lagoons.
- Pine (#4D6F58): A full-bodied, dusty teal — the color of sea glass.
- Charcoal Brown (#35544F): A full-bodied, 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
- Patina Basin color palette (#F0F7F1, #ADC9B7, #878357, #7A5B6D, #3E5345)
- Dusty Cypress Lantern color palette (#EFF7F5, #CFDFEF, #60A6AC, #287E71, #395764)
- Worn Harbor color palette (#E9F5F1, #A5CCCA, #499283, #70586E, #213534)
- Dusty Basin color palette (#F6F5ED, #CDD6B0, #62AC9A, #90776E, #495305)
- Tempered Olive color palette (#EAF9F6, #9BBB8B, #CC836D, #538137, #624158)
- Forest Alley color palette (#D1E6DF, #688452, #0D5408, #293300, #0F2000)
- Muted Jade Atelier color palette (#D1F3F1, #28AA7F, #006A58, #00512B, #003726)
- Ancient Bronze color palette (#E4FBF8, #7BA57A, #3798A8, #946F2D, #284946)
Browse the whole catalog at Explore, or see today's palette.