Worn Cypress color palette — #E9F6EB · #97A779 · #367352 · #254C5E · #00221B

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

The five colors

• Cream (#E9F6EB): bright and airy, almost weightless.
• Sage (#97A779): A luminous, dusty green — the color of new leaves after rain.
• Pine (#367352): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#254C5E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#00221B): 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 Worn 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

• Timeworn Fern Pier color palette (#FDECF4, #AF9F6C, #596C3E, #553A5E, #062213)
• Patina Boulevard color palette (#E8F6EF, #93BDB8, #368476, #40586C, #0E2D2A)
• Cypress Workshop color palette (#EBF9F3, #72A79D, #3A704D, #005751, #153D37)
• Weathered Coast color palette (#D0E5D8, #779964, #00654C, #56273A, #001713)
• Wandering Corridor color palette (#F9F6E6, #BEDAB2, #579B6F, #346F68, #2A2A08)
• Olive Lantern color palette (#D3EEDD, #60854B, #00503D, #002E40, #020B00)
• Patina Petrol Terrace color palette (#EAF3FF, #E4D0F1, #E7A2A8, #007385, #21253A)
• Tempered Forest color palette (#F8EEF7, #A4CFDF, #3A85A8, #005F34, #091F43)

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