Cypress Harbor color palette — #FAF2F8 · #C3E2EE · #4E94B0 · #177357 · #2D4A66

Pine takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF2F8): bright and airy, almost weightless.
• Powder Blue (#C3E2EE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#4E94B0): A luminous, balanced blue — the color of deep harbor water.
• Pine (#177357): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#2D4A66): A deep, shadowed, 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 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

• Ancient Cypress Basin color palette (#F2F3EA, #C2DFD8, #4C9AA9, #006D68, #00323E)
• Lagoon Chapel color palette (#EFF7F6, #CADFF9, #56B4C7, #008D88, #194F5F)
• Timeworn Hollow color palette (#FEF1F8, #A4CBE2, #477EA7, #006058, #29395E)
• Airy Canyon color palette (#F0F5FF, #7181D5, #947728, #4F6F30, #2D384E)
• Aged Cabin color palette (#F6EAF2, #529BAC, #005072, #003129, #001233)
• Cobalt Thicket color palette (#C3EDFF, #73B6E7, #5078BF, #545591, #4D4369)
• Bronze Studio color palette (#FFF0F7, #91B191, #92684C, #65465F, #2D4336)
• Sunlit Petrol Veranda color palette (#EFF6FF, #7F9EE3, #9C8844, #4662A6, #4F410F)

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