Cypress Harbor color palette — #F2F7EF · #CDDED9 · #A8B8AE · #057465 · #353E31

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

The five colors

• Ivory (#F2F7EF): a clean, paper-quiet neutral.
• Silver (#CDDED9): bright and airy, almost weightless.
• Ash (#A8B8AE): A luminous, dusty teal — the color of glacier melt.
• Teal (#057465): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#353E31): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Ancient Denim Thicket color palette (#ECF9F2, #C5D8D1, #B69EB3, #00647E, #183B2B)
• Worn Lagoon Coast color palette (#EFF7F8, #D4DAE2, #BABDD5, #009679, #2D3E40)
• Weathered Abyss color palette (#E7EFE6, #ACBEB1, #759788, #00504C, #182217)
• Washed Fern Chapel color palette (#FDF4E3, #9C9F6F, #546C38, #40530D, #37352F)
• Dusty Cobalt Courtyard color palette (#FBF1FB, #E7D4D6, #CCB5BF, #2F6AB6, #493A4A)
• Hushed Corridor color palette (#C8E8C9, #7FAB96, #62799D, #724F44, #524000)
• Onyx Corridor color palette (#DBEAE5, #A295A0, #826777, #002D4C, #000D08)
• Seafoam Canyon color palette (#E7FCEA, #55E3AF, #00B1BE, #0078B5, #003845)

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