Cypress Harbor color palette — #DBE0D8 · #A2B5AF · #74A5BF · #008473 · #0E170A

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Bone (#DBE0D8): bright and airy, almost weightless.
• Ash (#A2B5AF): A luminous, dusty teal — the color of shallow lagoons.
• Blue Fog (#74A5BF): A luminous, dusty blue — the color of deep harbor water.
• Teal (#008473): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#0E170A): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Weathered Petrol color palette (#E4F2EB, #9BB6B8, #979BC8, #007DA2, #031910)
• Washed Petrol Harbor color palette (#DBE6DE, #8EA6A5, #669395, #007080, #030C06)
• Timeworn Pine Corridor color palette (#E2E4DC, #A6B4A9, #80A38F, #00892D, #131506)
• Abyss Courtyard color palette (#DBE2D5, #96A499, #60857A, #004130, #020500)
• Ancient Mint color palette (#D0E8D0, #00D1B7, #00B1B5, #0094B4, #001113)
• Dusty Terrace color palette (#E3EDE1, #009C9C, #00748A, #4A24A3, #000E10)
• Aged Azure color palette (#E7F1ED, #C3D7DA, #D9B8C3, #399DCE, #1E332B)
• Cobalt Lantern color palette (#F2EBF2, #CBBBBE, #C89DA2, #4480D1, #261B26)

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