Timeworn Cypress color palette — #E7F6EF · #8FA97D · #3C724B · #234D55 · #00221D

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

The five colors

• Cream (#E7F6EF): bright and airy, almost weightless.
• Sage (#8FA97D): A luminous, dusty green — the color of fresh herbs.
• Pine (#3C724B): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#234D55): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#00221D): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

One click turns Timeworn Cypress 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

• Forest Harbor color palette (#FEF4E4, #96A175, #317249, #0C5462, #37362F)
• Aged Parlor color palette (#E6F6F2, #8DBEBC, #3A8470, #395A67, #0F2D2C)
• Antique Corridor color palette (#E0F5EF, #619E70, #00654C, #2B365D, #001806)
• Chalky Grove color palette (#D2EDD8, #9F9916, #4C6600, #00455B, #181700)
• Hushed Lagoon color palette (#ECF9EE, #C9D8A2, #629875, #3E6A7E, #082F25)
• Softworn Pine color palette (#E2F4EE, #4F884F, #005135, #003131, #000B01)
• Dusty Terrace color palette (#DDEAFE, #7090D2, #997604, #294EA5, #251A00)
• Petrol Grove color palette (#EBF2FF, #EFCEEC, #CAA0C7, #3D77A5, #1D253D)

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