Cypress Harbor color palette — #E2F8EF · #78B98F · #007B76 · #653D59 · #002813

A conversation between Teal and Mint Leaf, giving this palette its sense of nature and growth.

The five colors

• Cream (#E2F8EF): A whisper-light, dusty teal — the color of shallow lagoons.
• Mint Leaf (#78B98F): A luminous, balanced teal — the color of sea glass.
• Teal (#007B76): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#653D59): A full-bodied, dusty pink — the color of neon signs at night.
• Deep Forest (#002813): 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

• Muted Pine color palette (#E7F7E7, #A6AE69, #3D7B4A, #55426D, #202300)
• Tempered Mulberry color palette (#E7FAF6, #76B38E, #007B66, #812F52, #054729)
• Jade Terrace color palette (#CFEDE3, #41AB7E, #00696A, #681C45, #001C10)
• Lagoon Alley color palette (#E9F5F2, #A4CCCF, #558D94, #695C6E, #1E3537)
• Teal Lantern color palette (#F6F8DE, #A7EBC1, #00AA8D, #8F576B, #073820)
• Patina Onyx color palette (#DFF4E6, #65834E, #00513A, #3E1445, #030A00)
• Weathered Cobalt color palette (#D9FDDF, #D19F25, #0075D1, #755500, #002141)
• Airy Forest color palette (#F8EEF8, #9CDEDB, #0091B2, #1A6624, #002647)

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