Cypress Harbor color palette — #EAF4F3 · #C2E2F2 · #5198B2 · #006C72 · #0E2F43

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

The five colors

• Ivory (#EAF4F3): bright and airy, almost weightless.
• Powder Blue (#C2E2F2): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#5198B2): A luminous, balanced blue — the color of deep harbor water.
• Teal (#006C72): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#0E2F43): 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

• Weathered Garden color palette (#E2F1EF, #5D92A8, #005070, #002B32, #00050C)
• Cobalt Drift color palette (#E8F5F4, #A6CDE9, #3D83B1, #00596B, #06223A)
• Tempered Hollow color palette (#FBF3F0, #CDE2D5, #5492B8, #007263, #593C58)
• Antique Lagoon color palette (#FBF2F8, #D5D4E1, #8BC3E6, #3C9383, #2E4058)
• Lagoon Atelier color palette (#E3F8EC, #AFA65E, #00A1A7, #716600, #002E30)
• Moss Harbor color palette (#DCFAEB, #96922C, #129478, #9F5337, #072419)
• Washed Pewter Boulevard color palette (#E6F7ED, #8DB6A2, #7F7644, #5B4A1C, #0E2820)
• Dusty Field color palette (#DFF9ED, #B7E0E4, #96C6D4, #8C8556, #1C3B32)

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