Timeworn Courtyard color palette — #E7F6F1 · #8DA662 · #3F5F5A · #2A3C37 · #1D2321

Moss and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E7F6F1): bright and airy, almost weightless.
• Moss (#8DA662): A luminous, balanced green — the color of new leaves after rain.
• Pine (#3F5F5A): A full-bodied, dusty teal — the color of shallow lagoons.
• Forest (#2A3C37): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#1D2321): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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

• Muted Lime Workshop color palette (#F5F3E1, #A7C36F, #77833D, #56554A, #24211A)
• Ancient Lagoon Courtyard color palette (#D4E9EE, #00A4A0, #295463, #1C3237, #0F1A1C)
• Antique Study color palette (#E1FBFD, #64C6AA, #65ADDC, #98965C, #2D484A)
• Washed Emerald Ridge color palette (#C8EBE7, #00A23E, #005336, #002E2B, #021613)
• Softworn Teal color palette (#EBF8F7, #B1DADB, #71A997, #648678, #3A5253)
• Muted Cypress Market color palette (#DEF2F6, #007063, #433D43, #002B2B, #000C0E)
• Apricot Bloom color palette (#E8F9F8, #94D6AB, #E79E65, #509F70, #624250)
• Dusty Meadow color palette (#E6F6EE, #A1A058, #415F56, #2B3D34, #1E2320)

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