Cypress Harbor color palette — #DDE6DE · #A0B4B6 · #9CA4D4 · #008188 · #07180A

Built around Teal, softened by Mauve — the whole palette hums with trust and stability.

The five colors

• Parchment (#DDE6DE): a clean, paper-quiet neutral.
• Ash (#A0B4B6): A luminous, dusty blue — the color of deep harbor water.
• Mauve (#9CA4D4): A luminous, dusty violet — the color of wild irises.
• Teal (#008188): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#07180A): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Trust, Stability, Creativity, 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

• Petrol Pier color palette (#DFE9E4, #C9ADB2, #BD9089, #007BAA, #021911)
• Hushed Pine Study color palette (#E7E9E2, #9FB7AF, #70A5A6, #008849, #121606)
• Hushed Villa color palette (#DCE7EB, #A5B7C3, #7999BA, #005E6A, #001720)
• Softworn Abyss color palette (#D5E6ED, #92A2AF, #697D9A, #003E45, #000508)
• Linen Azure color palette (#CCEADD, #379FC8, #736BAC, #655F1A, #1D1B00)
• Patina Indigo color palette (#E5DDE2, #CEBBB6, #BBA18F, #7174CF, #2A1924)
• Byzantium Canyon color palette (#D7F3E4, #15D291, #00B1E1, #A23CFA, #000F1F)
• Tempered Ultramarine color palette (#F8E4CD, #009E91, #0159E4, #633F00, #000E12)

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