Cypress Harbor color palette — #DFE4DE · #BBC8BE · #89AF9D · #00706A · #142412

Teal and Sage set the tone — five colors that lean into sophistication.

The five colors

• Parchment (#DFE4DE): a clean, paper-quiet neutral.
• Stone (#BBC8BE): a calm mid-gray that lets other colors speak.
• Sage (#89AF9D): A luminous, dusty teal — the color of glacier melt.
• Teal (#00706A): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#142412): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Dusty Pine color palette (#EFEFE8, #C0C7B6, #9BAA95, #247315, #202107)
• Weathered Villa color palette (#E8EFED, #CAC1CA, #B39DAC, #006895, #03261C)
• Aged Meadow color palette (#ECF2EA, #AABFB2, #9C859C, #005046, #192215)
• Cypress Courtyard color palette (#EDF7FA, #CDDCF2, #A3BFD2, #006E69, #000F14)
• Lagoon Chapel color palette (#E0F2F5, #B4C1D9, #A3A3BD, #009584, #0A2327)
• Patina Studio color palette (#EEE7D6, #8B9A61, #34711F, #00523F, #171E00)
• Denim Corridor color palette (#D4E2DE, #ABA1AA, #967E8C, #004974, #000D08)
• Dusty Garnet Delta color palette (#DAEFF2, #66A3C8, #607299, #782D2C, #3E1F00)

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