Cypress Harbor color palette — #F2F8E6 · #93C6E0 · #9C89B0 · #4A7B5C · #514250
A conversation between Teal and Sky, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F2F8E6): A whisper-light, dusty green — the color of new leaves after rain.
- Sky (#93C6E0): A luminous, dusty blue — the color of deep harbor water.
- Heather (#9C89B0): A luminous, dusty violet — the color of wild irises.
- Teal (#4A7B5C): A full-bodied, dusty teal — the color of glacier melt.
- Charcoal (#514250): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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
- Weathered Delta color palette (#FEF4E2, #83CDCE, #838FC1, #7F6D39, #374E42)
- Weathered Wisteria Dune color palette (#E9F9F6, #BFE1FF, #C08BCB, #5C7D54, #363F51)
- Muted Powder Dune color palette (#FDF1F9, #9DAEEB, #9E8A54, #60713A, #43433B)
- Aged Canyon color palette (#FBF3EF, #CEE6E3, #8EB7D5, #5E937C, #604B5C)
- Muted Chapel color palette (#EAFAED, #9EA3D6, #8D6796, #6E5600, #43465B)
- Tempered Thicket color palette (#E8FBEE, #DFC5D8, #B79FA2, #768A75, #435742)
- Patina Mallow color palette (#F6F8DE, #C3A1E0, #B4726D, #216F79, #533335)
- Aged Corridor color palette (#ECFCDA, #77A6FF, #B2579A, #006C4E, #362E56)
Browse the whole catalog at Explore, or see today's palette.