Timeworn Courtyard color palette — #FFF1F6 · #D3B7FF · #AD8F00 · #469D61 · #401F2E
Mustard and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Lavender (#D3B7FF): A whisper-light, balanced violet — the color of a velvet chair.
- Mustard (#AD8F00): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#469D61): A luminous, balanced teal — the color of sea glass.
- Espresso (#401F2E): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.
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
- Softworn Terrace color palette (#FFF0FB, #95AEFF, #F3860A, #769539, #3A2235)
- Ancient Moss color palette (#FFF1F2, #FFA2EE, #7AA200, #009D96, #3F1D39)
- Wisteria Summit color palette (#F8D3DD, #D78CFF, #8B7F00, #228764, #2C101A)
- Mallow Courtyard color palette (#FFF4E2, #FF97E5, #EB727B, #4A8B53, #512439)
- Washed Lantern color palette (#FFF1F5, #E16FFF, #B69600, #008E73, #2E182F)
- Fuchsia Coast color palette (#FFF1F1, #FF87D1, #D38400, #008D46, #00354D)
- Wisteria Ridge color palette (#FFF1F6, #BF89FF, #6A7F00, #107139, #3F202D)
- Muted Courtyard color palette (#FFF1F1, #FF8DCE, #8FBC7D, #43A19E, #442B2B)
Browse the whole catalog at Explore, or see today's palette.