Timeworn Cypress color palette — #FAF4EE · #C5E4D9 · #708BB7 · #007077 · #5A3D4F

Teal and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Silver (#C5E4D9): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate Blue (#708BB7): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#007077): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#5A3D4F): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, 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

• Cypress Studio color palette (#FBF3EF, #CCE4CD, #4A96AC, #237251, #2C5045)
• Cobalt Terrace color palette (#FFF3E8, #AADBC6, #4080CE, #006668, #333873)
• Dusty Petrol color palette (#ECF4F3, #CADFF2, #6192C0, #006885, #152C4B)
• Dusty Pewter Lantern color palette (#FCF3EF, #CBE8E4, #7AA493, #617653, #5F4A60)
• Hushed Powder Corridor color palette (#FCF2F6, #D8DEF5, #97BEFF, #47A9B0, #3C4764)
• Hushed Spruce color palette (#F7E8E0, #5C9C98, #00535F, #003217, #001622)
• Weathered Quarry color palette (#FAF6E1, #9AA861, #A077B2, #616D10, #4E3858)
• Ancient Workshop color palette (#FFF2EC, #6FC8CD, #007A97, #00583D, #003657)

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