Cypress Harbor color palette — #EBF9F4 · #98BA96 · #488165 · #4A5B73 · #304845

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

The five colors

• Ivory (#EBF9F4): a clean, paper-quiet neutral.
• Sage (#98BA96): A luminous, dusty green — the color of new leaves after rain.
• Fern (#488165): A full-bodied, dusty teal — the color of sea glass.
• Peacock (#4A5B73): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#304845): 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

• Timeworn Harbor color palette (#E1FDEC, #9DAC5C, #4B7733, #63416E, #1B4337)
• Weathered Basalt color palette (#F8F5EB, #C7C89C, #6B9C82, #886772, #474500)
• Timeworn Cerulean Lagoon color palette (#EFF8F0, #BDE3F7, #5992B3, #276E6E, #334A61)
• Pale Blush Coast color palette (#F8F2FF, #DB79B5, #349F77, #8E4B74, #0E4C4E)
• Quiet Veranda color palette (#C4F7F1, #00AB7C, #00695F, #3F3976, #003726)
• Pine Archive color palette (#CDE8E1, #328F50, #00513D, #4B1A33, #00220B)
• Timeworn Driftwood color palette (#FAF2FF, #E8DDD7, #EABED4, #977598, #534857)
• Peony Thicket color palette (#F9F2FF, #CD5994, #7F8101, #0F7298, #3F3248)

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