Timeworn Courtyard color palette — #FBF4EA · #C1E2D2 · #A8B491 · #997E7F · #4F4700

Deep Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF4EA): a clean, paper-quiet neutral.
• Celadon Mist (#C1E2D2): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#A8B491): A luminous, dusty green — the color of a quiet forest floor.
• Driftwood (#997E7F): A luminous, dusty red — the color of a theater curtain.
• Deep Olive (#4F4700): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

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

• Tempered Delta color palette (#FAF4EB, #CFE8C3, #95A57D, #8D6B77, #393932)
• Blush Ridge color palette (#FFF2F0, #F8D2CC, #ACDAAC, #CA809A, #454B00)
• Stone Bloom color palette (#ECF9F4, #C2E7E1, #88C2C1, #859CBB, #3C524F)
• Lagoon Market color palette (#F1F7F2, #A5CABE, #578F6D, #6B6178, #3C534B)
• Aged Harbor color palette (#FFF1F3, #E2DBD1, #CFA5B9, #A0B6AF, #5D4643)
• Wandering Mallow color palette (#FFF0F9, #E9D5DF, #E0A5CE, #A76979, #524A47)
• Tempered Lagoon color palette (#FBF3EF, #C3E0EA, #B8C0EE, #63A08B, #5C4556)
• Antique Delta color palette (#E9E1CC, #6E9C62, #005B4A, #3F124F, #000200)

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