Timeworn Cypress color palette — #EFF7F7 · #CEDCE3 · #9EB9BD · #30734D · #2E3E3E

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

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Silver (#CEDCE3): bright and airy, almost weightless.
• Ash (#9EB9BD): A luminous, dusty blue — the color of deep harbor water.
• Pine (#30734D): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#2E3E3E): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Patina Lagoon color palette (#F4F6EE, #CDDFD6, #A7C7C0, #618D66, #3A3C31)
• Patina Cypress color palette (#EBF9F7, #7AA789, #007553, #325532, #1A3C3B)
• Washed Petrol Boulevard color palette (#EDF7FE, #D6D8E7, #A4BFDF, #0073A0, #36414A)
• Patina Quarry color palette (#D9E3E5, #99ADB4, #4A8A97, #00413E, #01171C)
• Worn Petrol color palette (#BFE7F2, #71B1C1, #3E7F9F, #594E7A, #423F59)
• Aged Bloom color palette (#EAEFF4, #C4CDD7, #94A1B7, #00598D, #252F38)
• Eclipse Cypress color palette (#CBE5EA, #007366, #002D2D, #00171B, #000509)
• Aged Mint color palette (#E1FBFE, #58E091, #00C5A5, #009399, #013C44)

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