Cypress Harbor color palette — #FCF2F7 · #D7D4E0 · #7FA9DE · #16806F · #2A2852

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

The five colors

• Ivory (#FCF2F7): a clean, paper-quiet neutral.
• Silver (#D7D4E0): a clean, paper-quiet neutral.
• Cornflower (#7FA9DE): A luminous, balanced blue — the color of open sky before noon.
• Teal (#16806F): A full-bodied, balanced teal — the color of glacier melt.
• Deep Indigo (#2A2852): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Gentle Azure color palette (#FFF0FA, #D2DAF6, #00A5EC, #007650, #0A1A5E)
• Dusty Atelier color palette (#F8F3F9, #D1D5E7, #72C9E1, #648F5F, #284259)
• Cobalt Field color palette (#ECF4EE, #A6CDE7, #0083C8, #005A61, #0B213B)
• Weathered Petrol Orchard color palette (#F4EAF3, #77C6CA, #007194, #00411D, #00020B)
• Tempered Blush color palette (#DDFCFF, #6DD6B8, #E283AF, #008B6F, #43132C)
• Washed Studio color palette (#F9E6EF, #65ACD1, #1F4EA9, #002C28, #010008)
• Teal Market color palette (#D7FFF7, #6EEAE3, #00AA96, #00514A, #001614)
• Lagoon Hollow color palette (#F2FCB9, #9DDD89, #00A37A, #00655D, #003643)

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