Cypress Harbor color palette — #ECF9F1 · #8FBAAF · #4F8060 · #615178 · #294A42

Fern takes the lead with Graphite close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#ECF9F1): a clean, paper-quiet neutral.
• Ash (#8FBAAF): A luminous, dusty teal — the color of sea glass.
• Fern (#4F8060): A full-bodied, dusty teal — the color of glacier melt.
• Graphite (#615178): A full-bodied, dusty violet — the color of a velvet chair.
• Forest (#294A42): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Worn Cypress Lagoon color palette (#ECF9F3, #86A57C, #0A7553, #5D3C67, #173D37)
• Lagoon Thicket color palette (#F2F3E5, #AFB894, #398662, #3B5E4A, #252A15)
• Ancient Lagoon color palette (#ECF8F6, #A6D1AE, #57A17C, #50788B, #2B4947)
• Patina Study color palette (#F9F3F7, #C7E1EE, #5F90B3, #007266, #354869)
• Mulberry Orchard color palette (#F7F3FF, #C08DB0, #3B9D7F, #983E81, #034F3C)
• Antique Pewter color palette (#F9F2FF, #EBD6DB, #E8B6B0, #82689D, #514258)
• Worn Delta color palette (#D0EAE1, #50895A, #005142, #481746, #002208)
• Basalt Study color palette (#FAF5E6, #C3E0AF, #83BB9B, #A98491, #474500)

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