Cypress Harbor color palette — #EBF4F1 · #DFD0CB · #C5B5B2 · #518072 · #232F2B

A conversation between Fern and Stone, giving this palette its sense of sophistication.

The five colors

• Cream (#EBF4F1): a clean, paper-quiet neutral.
• Oat (#DFD0CB): bright and airy, almost weightless.
• Stone (#C5B5B2): soft and architectural.
• Fern (#518072): A full-bodied, dusty teal — the color of glacier melt.
• Deep Forest (#232F2B): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Wandering Pewter Pier color palette (#F8EFF3, #E1D5D1, #C7BAB0, #8E677C, #32292E)
• Dusty Stone color palette (#FAF0E7, #C1B474, #657E53, #674C55, #2F2612)
• Hushed Loft color palette (#F9F3F9, #E5D7DA, #CEBABD, #56769E, #4C454C)
• Washed Fern color palette (#D3F7E0, #C9A3BB, #A47F7D, #5C5B0A, #36362F)
• Hushed Ash color palette (#F0F6FC, #DAD9E3, #CDC1C3, #7FA1C6, #3A4047)
• Muted Navy color palette (#E6DCE7, #B197A4, #907377, #003669, #09010B)
• Denim Lantern color palette (#F8EEF7, #EBC9D6, #C99FA1, #2E56A9, #211520)
• Wandering Basin color palette (#F8E6E8, #C3AEA9, #A08877, #622A5F, #160508)

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