Cypress Harbor color palette — #F2F7F1 · #CEDDDA · #A2BAAE · #00736E · #353D34

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

The five colors

• Ivory (#F2F7F1): a clean, paper-quiet neutral.
• Silver (#CEDDDA): bright and airy, almost weightless.
• Ash (#A2BAAE): A luminous, dusty teal — the color of sea glass.
• Teal (#00736E): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#353D34): a grounded near-black with real depth.

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

• Aged Corridor color palette (#F5F6EF, #D1DDD5, #AAB8A5, #38742E, #3B3E00)
• Patina Lagoon color palette (#EEF7F9, #D4D9E3, #BCBCD4, #3B9183, #2E3E40)
• Hushed Cypress Drift color palette (#EFF3ED, #CCD9D8, #C3B0C3, #007568, #1C2319)
• Tempered Denim Atelier color palette (#EDF8F3, #DCCDDD, #99A5CE, #006287, #21382F)
• Timeworn Corridor color palette (#E5ECE5, #ADBEB4, #70988B, #004F52, #162318)
• Fern Boulevard color palette (#FAF5E8, #A29C75, #476F3B, #195746, #37362F)
• Worn Abyss color palette (#DAE5DF, #9EADA8, #91748E, #003E4E, #04180F)
• Softworn Cocoa color palette (#E6F3E8, #7FAE9D, #886880, #774641, #643800)

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