Cypress Harbor color palette — #FFF1F8 · #D6D4E0 · #7CA9DF · #13806E · #29294E

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

The five colors

• Ivory (#FFF1F8): bright and airy, almost weightless.
• Silver (#D6D4E0): bright and airy, almost weightless.
• Cornflower (#7CA9DF): A luminous, balanced blue — the color of open sky before noon.
• Teal (#13806E): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#29294E): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, 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 Parlor color palette (#FEF0FA, #D1DAF5, #00A5EA, #00764E, #091C5C)
• Wandering Corridor color palette (#F0F8EF, #DAD5DF, #A8B7F5, #4B8F91, #3B3C57)
• Wandering Cobalt Thicket color palette (#EAF4F3, #AACDE3, #1F86B5, #005967, #00233A)
• Frosted Lilac color palette (#F2F4FF, #AF8EFF, #8EA03F, #77872A, #161931)
• Tempered Aqua color palette (#F8E8F7, #50CCCE, #007291, #004117, #00020A)
• Worn Denim Chapel color palette (#F4DFE8, #43AFDD, #1E529E, #002C27, #010009)
• Ancient Market color palette (#FFF1F6, #8FD6FF, #4F76CB, #00524D, #10022B)
• Iris Veranda color palette (#E9F6FF, #9EC2FF, #7977E0, #704589, #42203F)

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