Cypress Harbor color palette — #FCF1F9 · #B6DBE9 · #4FA1C1 · #007F60 · #173D5E

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

The five colors

• Ivory (#FCF1F9): bright and airy, almost weightless.
• Powder Blue (#B6DBE9): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#4FA1C1): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007F60): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#173D5E): 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

• Lagoon Study color palette (#FAF3F7, #D3DEF7, #7FA9D3, #008D88, #374867)
• Aged Station color palette (#FFF2EC, #D2DCF3, #4AB4DA, #347E64, #07372D)
• Cobalt Dune color palette (#F7EAF0, #A5CAE4, #4D88CF, #006C6D, #242954)
• Aged Cerulean color palette (#F5F6ED, #92D2D8, #00879B, #00605C, #1B4430)
• Wandering Denim Ridge color palette (#F4E6F0, #5E9EAA, #006084, #003D31, #00091B)
• Powdered Meadow color palette (#D7F6F4, #76B98E, #BC80DC, #007F47, #452555)
• Ultramarine Study color palette (#EBDBE2, #72A9CD, #3163B7, #00494E, #110241)
• Worn Courtyard color palette (#DBFDFA, #A9E9FA, #7FCFF3, #898F44, #194649)

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