Timeworn Courtyard color palette — #F5F6ED · #88B784 · #639670 · #7460A2 · #34302A
Slate and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F5F6ED): a clean, paper-quiet neutral.
- Sage (#88B784): A luminous, balanced green — the color of new leaves after rain.
- Fern (#639670): A luminous, dusty teal — the color of sea glass.
- Slate (#7460A2): A full-bodied, balanced violet — the color of wild irises.
- Espresso (#34302A): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Timeworn 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
- Ancient Cerulean color palette (#F5F7EA, #85A780, #3594A8, #8A4F6E, #32322B)
- Wandering Petrol Coast color palette (#F9F5ED, #B49F6A, #90874B, #4A6FA2, #38322D)
- Aged Archive color palette (#FFF2EC, #D2BB88, #63A283, #83608A, #544700)
- Weathered Taupe Boulevard color palette (#F3F3E6, #88A767, #4F5D48, #393831, #25211B)
- Mustard Coast color palette (#EBF9F5, #B7CD7C, #599DC3, #3A6F8C, #2C232F)
- Mulberry Bloom color palette (#F1F8E6, #2E9F71, #007985, #99004F, #1A2403)
- Taupe Atelier color palette (#F8F5EF, #D7DCD6, #A6B9B8, #A79C66, #565249)
- Timeworn Cypress Hollow color palette (#FFF3E8, #DFCBA4, #94A86F, #008567, #00555A)
Browse the whole catalog at Explore, or see today's palette.