Cypress Harbor color palette — #F7F0ED · #CBE1DD · #71A5BB · #227C62 · #1D3D36

A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Cream (#F7F0ED): a clean, paper-quiet neutral.
• Silver (#CBE1DD): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#71A5BB): A luminous, dusty blue — the color of deep harbor water.
• Teal (#227C62): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#1D3D36): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Patina Petrol color palette (#F6F1EC, #C7E4E8, #8B9BC4, #107886, #492B3C)
• Ancient Lagoon color palette (#E5F2D6, #7ABFB2, #069399, #006379, #164033)
• Aged Denim Canyon color palette (#F1E2DA, #84A788, #00627A, #003B27, #000C19)
• Tempered Summit color palette (#F4E9E3, #5694A8, #004D7A, #002C28, #00001F)
• Antique Sky Studio color palette (#F9F3F7, #D5D6E9, #75BCD9, #56957D, #425567)
• Petrol Parlor color palette (#E8F6EC, #86BEC9, #C98887, #008091, #571B02)
• Wandering Cerulean color palette (#DEFAE9, #9AD0E0, #4596B6, #00596B, #00202C)
• Cobalt Workshop color palette (#EFE8E1, #92BEAE, #3569B8, #004B4E, #110C3B)

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