Cypress Harbor color palette — #FAD3E2 · #8EB3A7 · #417D74 · #55435C · #38263E

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

The five colors

• Shell Pink (#FAD3E2): A whisper-light, dusty rose — the color of strawberry cream.
• Sage (#8EB3A7): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#417D74): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal Brown (#55435C): A full-bodied, dusty pink — the color of a candy shop window.
• Onyx (#38263E): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Sophistication. Tagged vintage, retro, muted.

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

• Taupe Villa color palette (#FAE7FC, #B1996E, #497874, #66405A, #3A1A31)
• Cocoa Bloom color palette (#DAF4E8, #7EB3B7, #5F7C93, #694034, #361B2E)
• Aged Denim color palette (#CAF2E2, #85A6A2, #3A8076, #5E4B7F, #49405A)
• Patina Bloom color palette (#FCEDF2, #80AB95, #506F43, #5B3B48, #002314)
• Hushed Lichen color palette (#F1FCCC, #B3D7B4, #92AC8A, #856070, #523337)
• Cobalt Quarry color palette (#F7EFF4, #AACDE1, #4D80B2, #005D4B, #141F3B)
• Aged Pewter Studio color palette (#F9E2CF, #C9AC8C, #7B966A, #8B506C, #5F3A1C)
• Wandering Market color palette (#DBE4D8, #6396A3, #516382, #514104, #231A00)

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