Cypress Harbor color palette — #D8F1EF · #006B71 · #003F4A · #001D28 · #040616

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

The five colors

• Honeydew (#D8F1EF): A whisper-light, dusty teal — the color of sea glass.
• Teal (#006B71): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003F4A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#001D28): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#040616): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged dark, muted, cool.

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

• Twilit Petrol color palette (#CFF2FF, #006993, #00345D, #001144, #0D001B)
• Twilit Forest Veranda color palette (#DAF1D9, #00723B, #003B2D, #001C18, #000A09)
• Midnight Study color palette (#D1EEFF, #005A71, #6E2000, #002530, #110200)
• Shadow Archive color palette (#CBEDFF, #00465E, #60003D, #262600, #000204)
• Lapis Cabin color palette (#DBF3FF, #6898DD, #6856B3, #003C43, #000E1E)
• Navy Market color palette (#E3F3FD, #005599, #08009A, #110054, #0F002B)
• Washed Cerulean color palette (#BFE9F4, #0097C0, #00658F, #003E6D, #172855)
• Twilit Chestnut Alley color palette (#D7E7D8, #695800, #3B2800, #1D0C00, #000502)

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