Cypress Harbor color palette — #F6F0F3 · #C5E1F2 · #6692BA · #006D67 · #1E2A4D

Built around Teal, softened by Slate Blue — the whole palette hums with trust and stability.

The five colors

• Ivory (#F6F0F3): bright and airy, almost weightless.
• Powder Blue (#C5E1F2): A whisper-light, dusty blue — the color of open sky before noon.
• Slate Blue (#6692BA): A luminous, dusty blue — the color of deep harbor water.
• Teal (#006D67): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#1E2A4D): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Cobalt Field color palette (#F8EFF2, #B3CAE0, #5F7AB6, #005A63, #1F1A3E)
• Tempered Denim color palette (#F2E4ED, #62ABAA, #006375, #003C23, #000C17)
• Washed Field color palette (#E9D9E5, #4A828C, #00415A, #002018, #000105)
• Softworn Periwinkle color palette (#FAF4EF, #C3E6E4, #62ABE9, #288B84, #563F52)
• Antique Cerulean Harbor color palette (#F5F6EF, #BEE0EE, #8CC3E1, #0092A5, #1D483C)
• Navy Summit color palette (#ECDCE3, #5592B5, #004596, #002B2D, #03001B)
• Sunlit Cobalt color palette (#FFECF3, #BC7D43, #008DAF, #096FB5, #321120)
• Soft Terracotta Alley color palette (#FEECF6, #D59074, #4995CA, #A63F00, #002A44)

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