Cypress Harbor color palette — #FCF2F8 · #D6D4E0 · #7AAADE · #00816B · #282A4F

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

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Silver (#D6D4E0): bright and airy, almost weightless.
• Cornflower (#7AAADE): A luminous, balanced blue — the color of open sky before noon.
• Teal (#00816B): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#282A4F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Azure Workshop color palette (#FDF1FB, #CFDAF4, #00A7E4, #007748, #041E59)
• Lagoon Canyon color palette (#FCF2F6, #D9D3DE, #A7B8F1, #009596, #393B5E)
• Muted Atelier color palette (#FFF1F5, #DADDFA, #828AD4, #00696F, #2A0C40)
• Azure Lantern color palette (#F1F5FF, #E1D8E1, #B9C1AB, #3E9DCD, #2E2C47)
• Hushed Cerulean color palette (#EDF4EE, #A2CFE7, #3584AF, #005B5C, #07213B)
• Ancient Cobalt color palette (#FEF3EC, #88D1EA, #457CB1, #00624F, #4F2E45)
• Hazy Moss color palette (#F2F5FF, #A996F0, #9A9D00, #818400, #1D1436)
• Hushed Studio color palette (#F4EBF4, #7FC5C3, #00728E, #004210, #000309)

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