Timeworn Cypress color palette — #F1F7F2 · #D2E0F2 · #6BA2B6 · #157F73 · #3B566B

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

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Frost (#D2E0F2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#6BA2B6): A luminous, dusty blue — the color of deep harbor water.
• Teal (#157F73): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#3B566B): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

• Washed Turquoise Hollow color palette (#F6F0F4, #D3D3EC, #5DA5CE, #42785B, #29374B)
• Denim Courtyard color palette (#DBE7DD, #6BABB0, #006275, #003F35, #002333)
• Wandering Sky Thicket color palette (#FBF3F0, #BFE3EC, #77BAE1, #639378, #5F4B5D)
• Worn Ridge color palette (#E2EBE4, #548999, #00425D, #002222, #000A18)
• Wandering Cobalt Coast color palette (#ECF9EE, #9FD7F3, #1985CD, #00656E, #233F6D)
• Muted Pier color palette (#E9F1EA, #8EB7D5, #3969A8, #004E5C, #202A54)
• Hushed Driftwood Boulevard color palette (#F7F2FF, #B885A8, #988A3F, #18839D, #473D56)
• Washed Plum color palette (#F6F3FF, #B5A8D0, #68AA81, #9E5294, #275655)

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