Weathered Courtyard color palette — #F0F8EB · #8AD5BF · #97B0D6 · #8F8157 · #2C3525
A conversation between Lagoon and Mauve, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F0F8EB): bright and airy, almost weightless.
- Lagoon (#8AD5BF): A luminous, balanced teal — the color of sea glass.
- Mauve (#97B0D6): A luminous, dusty blue — the color of deep harbor water.
- Mocha (#8F8157): A luminous, dusty green — the color of a quiet forest floor.
- Deep Forest (#2C3525): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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
- Weathered Powder color palette (#EBF9F2, #80D0F0, #BCA3CE, #6B8C66, #23372D)
- Worn Seafoam Dune color palette (#F4F7EA, #97D5A3, #78B8D7, #6E82A7, #31332C)
- Stone Veranda color palette (#F6F6E9, #B2CE96, #D39FA0, #A97456, #32322B)
- Washed Taupe Field color palette (#EEF8EE, #7FD4D1, #C6A8DF, #CA8671, #334233)
- Antique Veil Balcony color palette (#F2F8E6, #AEE6FF, #84A6C8, #91646E, #2D453C)
- Antique Lantern color palette (#F1F7F1, #CADBF7, #6BB9DF, #3DACAF, #13221C)
- Tempered Navy Bloom color palette (#DCFFEB, #D8E3F7, #8DBCDF, #4974A3, #1E376C)
- Misty Amber color palette (#ECFBDE, #00C298, #D87300, #816200, #002218)
Browse the whole catalog at Explore, or see today's palette.