Cypress Harbor color palette — #EEF9F0 · #B4DAF3 · #679CC4 · #007B82 · #243C59

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

The five colors

• Ivory (#EEF9F0): bright and airy, almost weightless.
• Powder Blue (#B4DAF3): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#679CC4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#007B82): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#243C59): A deep, shadowed, 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 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

• Wandering Ash color palette (#F1F7F2, #D8DBF5, #8DA5D4, #45849A, #3C4761)
• Washed Cerulean color palette (#E6F2E8, #94D1D0, #0097AA, #006E55, #003343)
• Turquoise Loft color palette (#D2E4D6, #4DB3B9, #007386, #004B3E, #001721)
• Cobalt Balcony color palette (#FAF3F6, #A9CAE0, #4379BE, #006154, #363461)
• Denim Canyon color palette (#E5F5E8, #629AB9, #005B99, #003A41, #000329)
• Weathered Cobalt color palette (#D9E4DB, #85B8DA, #2876C7, #005765, #0E1A48)
• Dusty Periwinkle Ridge color palette (#FAF4EF, #C3EBD7, #79B5FF, #00A28C, #4E2F43)
• Chalky Mustard color palette (#DBF6EA, #ACAF3D, #9D85D6, #757700, #3A2B5A)

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