Cypress Harbor color palette — #EFF8F2 · #8ABBB2 · #4A806E · #57557A · #2A4944

Fern and Graphite set the tone — five colors that lean into sophistication and grounding.

The five colors

• Ivory (#EFF8F2): bright and airy, almost weightless.
• Ash (#8ABBB2): A luminous, dusty teal — the color of glacier melt.
• Fern (#4A806E): A full-bodied, dusty teal — the color of sea glass.
• Graphite (#57557A): A full-bodied, dusty violet — the color of a velvet chair.
• Forest (#2A4944): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: 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

• Softworn Pewter color palette (#EEF8F5, #A0C9CD, #608897, #6D5E7F, #395254)
• Washed Aubergine Summit color palette (#E9FAEF, #92AD7B, #007C5A, #6B3976, #2D4217)
• Muted Pine Station color palette (#F5F2E3, #B6B68D, #4A845B, #6C4B4E, #292914)
• Wandering Cypress Orchard color palette (#FBF2F7, #C6E0F3, #6E8BBA, #007267, #464267)
• Hazy Delta color palette (#EBFAEA, #BF9862, #009AB2, #895B00, #004B58)
• Worn Onyx color palette (#D5E6E0, #4E886D, #004F51, #501234, #002114)
• Hushed Basalt color palette (#FBF4E5, #C0E0AF, #80BAA5, #AA848F, #464500)
• Bronze Basin color palette (#E3FEE0, #D5A87D, #A2692A, #663B00, #402600)

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