Cypress Harbor color palette — #F8EFF4 · #B6E4FD · #6A91BA · #236C5A · #212B45

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

The five colors

• Ivory (#F8EFF4): bright and airy, almost weightless.
• Powder Blue (#B6E4FD): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#6A91BA): A luminous, dusty blue — the color of open sky before noon.
• Pine (#236C5A): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#212B45): A deep, shadowed, dusty violet — the color of wild irises.

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 Station color palette (#F8EFF2, #9ACFF1, #5979C2, #005C57, #1A1E39)
• Patina Petrol Villa color palette (#ECF8F7, #C6E1F0, #5593B0, #006F7B, #2D4B62)
• Wandering Shell color palette (#ECF2FF, #EDCFCA, #F6AFAC, #50849D, #2E3144)
• Iris Study color palette (#EDF2FF, #847CE9, #718B25, #60742B, #161D33)
• Weathered Powder color palette (#F9F4ED, #BEE4F3, #7FC4EF, #3B9193, #4C364F)
• Tempered Lagoon Ridge color palette (#F5E6F2, #1E8791, #00415B, #002110, #000108)
• Patina Basin color palette (#E9DEEA, #4DAEA8, #006377, #073D05, #000C1A)
• Frosted Periwinkle Courtyard color palette (#D1EDFF, #70B1FF, #7270C6, #5D467A, #342A49)

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