Timeworn Cypress color palette — #F9F3F7 · #C2E2EE · #3D96B6 · #007456 · #354A5E

Built around Pine, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Powder Blue (#C2E2EE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#3D96B6): A luminous, balanced blue — the color of open sky before noon.
• Pine (#007456): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#354A5E): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Ash Dune color palette (#FAF3F6, #D9DEEF, #7B9BC8, #357B7E, #495268)
• Antique Cerulean Study color palette (#F2F3E9, #C5E7CA, #5499A6, #266A66, #193225)
• Cobalt Bloom color palette (#FCF2F8, #A6CBDF, #0080BE, #006157, #283A5B)
• Aged Quarry color palette (#F9F4EE, #C1EAE2, #80CAE0, #4FAB98, #2D5043)
• Weathered Cerulean color palette (#E5DBE2, #3D9EB1, #005071, #003128, #001231)
• Frosted Ember color palette (#FFF0FE, #CB6566, #008D8D, #1C6FA4, #423141)
• Soft Cerulean color palette (#FEF0FD, #D68689, #0096C6, #9F444C, #10495F)
• Hushed Market color palette (#FFF0FD, #E8D8D6, #CDC57D, #9C6F85, #594651)

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