Cypress Harbor color palette — #E1F8F1 · #72B08A · #007569 · #4A3F62 · #002221
A conversation between Teal and Jade, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E1F8F1): A whisper-light, dusty teal — the color of sea glass.
- Jade (#72B08A): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#007569): A full-bodied, balanced teal — the color of sea glass.
- Charcoal (#4A3F62): A deep, shadowed, dusty violet — the color of a velvet chair.
- Onyx (#002221): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Taupe Alley color palette (#E6F7E7, #A4A652, #4A7136, #3B4565, #032217)
- Weathered Canyon color palette (#FAF5E5, #7AA880, #1D7166, #673F38, #333A00)
- Patina Loft color palette (#C9F0D9, #71A800, #006D3E, #4D2C67, #0E1A00)
- Tempered Seafoam color palette (#F2F8E9, #96E2CA, #4A9A8D, #496C60, #202C14)
- Worn Spruce color palette (#F4F7E6, #8CC2AA, #429085, #78586B, #293D00)
- Rose Canyon color palette (#F4E2F8, #E55A7F, #008F83, #912848, #00221E)
- Timeworn Cobalt color palette (#FAEEF2, #A9CCEA, #5A7ABA, #005A62, #181F38)
- Patina Bloom color palette (#F2E7F3, #CE435D, #007F78, #00686C, #1F0A21)
Browse the whole catalog at Explore, or see today's palette.