Timeworn Cypress color palette — #FAF3F7 · #BFE2F5 · #648FB5 · #15725B · #3A4763

A conversation between Pine and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Powder Blue (#BFE2F5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#648FB5): A luminous, dusty blue — the color of open sky before noon.
• Pine (#15725B): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#3A4763): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Olive Archive color palette (#F1F5FF, #7782C7, #6D862F, #35734D, #2C3752)
• Muted Cobalt Lagoon color palette (#FEF1F7, #A6CAE5, #5C78AC, #006059, #3B345A)
• Dusty Lagoon Workshop color palette (#F1F7F2, #D0DEF6, #6AAED3, #008C8A, #2D4A67)
• Cypress Coast color palette (#F5F1EB, #C9E4D4, #5796B7, #006C6B, #00352B)
• Lagoon Ridge color palette (#F7ECF5, #2E9096, #00425A, #00240F, #00081F)
• Powder Thicket color palette (#FBF3EF, #BFEEE9, #7EC5FF, #62A88F, #573F51)
• Cobalt Thicket color palette (#D1EFFF, #77AEE3, #6377C6, #634A89, #5C3F5C)
• Gentle Denim color palette (#F0F5FF, #869CE1, #87904D, #4C60A7, #414715)

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