Cypress Harbor color palette — #F1F2EC · #C8DFDC · #7DA890 · #18797D · #183E30
Built around Teal, softened by Sage — the whole palette hums with calm and sophistication.
The five colors
- Cream (#F1F2EC): bright and airy, almost weightless.
- Silver (#C8DFDC): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#7DA890): A luminous, dusty teal — the color of sea glass.
- Teal (#18797D): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#183E30): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: 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
- Wandering Bloom color palette (#F1F3EC, #C8DEE0, #80A0C0, #31748E, #422E42)
- Forest Balcony color palette (#E7E9C5, #A2C99F, #5D9B6A, #167347, #363832)
- Pine Meadow color palette (#F0F4E8, #96BFA1, #CB8C5F, #24864E, #36302B)
- Wandering Station color palette (#E7EBE0, #8EBFB1, #346CAF, #004762, #00103F)
- Bronze Parlor color palette (#EEF5E2, #73AB8A, #4E99B3, #8E7628, #242B13)
- Abyss Grove color palette (#E9F7DD, #C0D3AD, #4C947E, #005741, #002119)
- Sky Coast color palette (#EFF7F6, #D3DEEE, #76BDD5, #529296, #415663)
- Hushed Cerulean Studio color palette (#E4E7D7, #3F829A, #00415A, #001E23, #000103)
Browse the whole catalog at Explore, or see today's palette.