Timeworn Cypress Harbor color palette — #F0F7F2 · #C7E0F2 · #668FB0 · #007078 · #344964

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

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Powder Blue (#C7E0F2): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#668FB0): A luminous, dusty blue — the color of deep harbor water.
• Teal (#007078): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#344964): A full-bodied, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Timeworn Cypress Harbor 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

• Softworn Cobalt color palette (#EDF9EF, #99D9F2, #0088C6, #006669, #204168)
• Muted Delta color palette (#E1ECE3, #70ABAB, #006271, #003F31, #002330)
• Washed Powder Garden color palette (#E0FBFF, #C7DDF5, #8EC6E7, #5B8467, #39565D)
• Cerulean Boulevard color palette (#E0EFE3, #3F8D9C, #004359, #002220, #000A16)
• Muted Lagoon color palette (#FBF4EF, #C6E4E4, #80A6DF, #008E7E, #5D3C4F)
• Aqua Pier color palette (#ECF9EE, #63CBC6, #007C88, #00583F, #003948)
• Washed Navy color palette (#E4F1E7, #6795B6, #00488F, #002E38, #070A3D)
• Worn Cypress Grove color palette (#E5FAFC, #62B19A, #B97087, #007760, #5C3441)

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