Timeworn Courtyard color palette — #D8EAE0 · #99AE71 · #507F4B · #68486B · #222E03

A conversation between Fern and Sage, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#D8EAE0): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#99AE71): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#507F4B): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#68486B): A full-bodied, dusty pink — the color of peonies in June.
• Deep Forest (#222E03): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Olive Villa color palette (#FAF5E6, #ADC67A, #43893C, #634466, #1C1900)
• Pale Hollow color palette (#DAF3E0, #B1B152, #608600, #8F3C41, #313000)
• Dusty Drift color palette (#D1E6E0, #6CA270, #007250, #682D50, #012206)
• Muted Lagoon Coast color palette (#E9FAF3, #8AC1B6, #529066, #685D7C, #133D37)
• Emerald Lantern color palette (#EEE3D2, #B0C37F, #00AC64, #82679B, #2F2900)
• Muted Emerald Harbor color palette (#E2FCF3, #9BC996, #219E6A, #925934, #22441F)
• Amber Hollow color palette (#F1D9CB, #CE6400, #008F73, #6D52BB, #351500)
• Ash Archive color palette (#EDF9F1, #B4DBCD, #71A89F, #8C7587, #3B534B)

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