Cypress Harbor color palette — #EFF3EC · #C7DCD3 · #ABBDAA · #28745C · #1D2218

A conversation between Teal and Stone, giving this palette its sense of sophistication.

The five colors

• Cream (#EFF3EC): a clean, paper-quiet neutral.
• Silver (#C7DCD3): A whisper-light, dusty teal — the color of sea glass.
• Stone (#ABBDAA): A luminous, dusty green — the color of fresh herbs.
• Teal (#28745C): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#1D2218): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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 Cypress Delta color palette (#ECF8F8, #D0DBE4, #A1B8C0, #157554, #293F40)
• Patina Cypress color palette (#EEF5DF, #65B293, #007663, #454740, #171F0B)
• Hushed Lagoon color palette (#F3F6EE, #CEE4DC, #A5BAC1, #64977B, #2D2F29)
• Timeworn Petrol Courtyard color palette (#E8F5F1, #EFD6DE, #D0B6CB, #2F70A3, #192924)
• Muted Abyss Archive color palette (#E2E7E0, #A8B8A7, #79967D, #004F45, #050D03)
• Aged Garden color palette (#CAE7CD, #66B6CC, #417693, #5E454F, #40242B)
• Twilit Cypress Balcony color palette (#DFEEDE, #007472, #0F2C18, #050F05, #010300)
• Weathered Denim Basin color palette (#EEE6EE, #D7C5D3, #B49BAB, #355683, #1D111D)

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