Cypress Harbor color palette — #ECF8FA · #D1DAE6 · #A0C0D3 · #006F65 · #001013

Built around Teal, softened by Ash — the whole palette hums with sophistication.

The five colors

• Ivory (#ECF8FA): bright and airy, almost weightless.
• Silver (#D1DAE6): bright and airy, almost weightless.
• Ash (#A0C0D3): A luminous, dusty blue — the color of deep harbor water.
• Teal (#006F65): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#001013): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Olive Ridge color palette (#ECF8F6, #CCDCE3, #A2C1C5, #347000, #00100D)
• Antique Abyss Summit color palette (#E7F0F4, #C3D3DD, #95A9BC, #005861, #000305)
• Abyss Market color palette (#D9E1D5, #A4B9AB, #9A859D, #005041, #070D04)
• Petrol Parlor color palette (#CDEBF9, #006C7B, #322B30, #001422, #000102)
• Lagoon Pier color palette (#D5E2E4, #B7C0CF, #A2A4C0, #00957E, #122224)
• Aged Garnet color palette (#B2EEF1, #78AFCD, #64759C, #79292A, #240E00)
• Fern Meadow color palette (#E4FCED, #9FA967, #3D6F09, #004833, #070800)
• Washed Sapphire color palette (#F1F5FB, #DCD9E3, #CABDD4, #3B72D4, #131F2F)

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