Cypress Harbor color palette — #F8F5EB · #96BB94 · #218573 · #3B6356 · #424700

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

The five colors

• Ivory (#F8F5EB): a clean, paper-quiet neutral.
• Sage (#96BB94): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#218573): A full-bodied, balanced teal — the color of glacier melt.
• Pine (#3B6356): A full-bodied, dusty teal — the color of sea glass.
• Deep Olive (#424700): A deep, shadowed, balanced green — the color of new leaves after rain.

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 Bloom color palette (#FCF4E9, #ABB683, #3A8552, #724E52, #4D4200)
• Aged Fern color palette (#F5F6EB, #9FD2B2, #559F8C, #5E7A65, #3A4900)
• Cypress Alley color palette (#FBF5E3, #82A681, #007363, #683B45, #35362F)
• Antique Mint Harbor color palette (#E8F5F2, #8AC2A0, #498173, #3D5A65, #102D2C)
• Wandering Parlor color palette (#E7FAF4, #A8E2DE, #73BCAB, #7296AB, #264A47)
• Cobalt Market color palette (#FCF3EE, #C6E5D4, #578EC7, #1A725F, #593D50)
• Muted Stone color palette (#FFF0F8, #F8D1DF, #EEAAA3, #4A83A2, #5A424A)
• Amber Canyon color palette (#FFE6D3, #B28C00, #4D6400, #582974, #3A2C00)

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