Cypress Harbor color palette — #FBF3F0 · #CAE9E3 · #76A58F · #487A68 · #2D534A

Built around Teal, softened by Eucalyptus — the whole palette hums with calm and sophistication.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Honeydew (#CAE9E3): A whisper-light, dusty teal — the color of shallow lagoons.
• Eucalyptus (#76A58F): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#487A68): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#2D534A): A full-bodied, dusty teal — the color of sea glass.

Feels like: Calm, Sophistication. Tagged coastal, cool, light, 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 Harbor color palette (#F5F6EF, #CBE3DE, #81BCCA, #429693, #305342)
• Muted Ash color palette (#FBF3EF, #CAE9E6, #769FBB, #447A70, #614A5F)
• Washed Coast color palette (#FFF1F2, #BA83AF, #64986B, #2D807F, #543B3D)
• Antique Drift color palette (#F4E4DB, #6AABB0, #00617A, #00402C, #00213A)
• Muted Pewter Veranda color palette (#FFF1F3, #CE9DCA, #74A781, #915E8D, #4C4E47)
• Forest Balcony color palette (#FBF3EF, #B5CDB2, #2D8594, #1E6239, #0B4057)
• Hushed Abyss color palette (#F5E2D7, #458B9E, #004161, #00231E, #000622)
• Antique Petrol color palette (#F7ECE3, #8BB8D6, #3D67AC, #004F54, #282559)

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