Cypress Harbor color palette — #CFF7FA · #007155 · #302C32 · #001716 · #000202

Built around Pine, softened by Frost — the whole palette hums with sophistication and depth.

The five colors

• Frost (#CFF7FA): A whisper-light, dusty blue — the color of deep harbor water.
• Pine (#007155): A full-bodied, balanced teal — the color of shallow lagoons.
• Onyx (#302C32): quiet, heavy and certain.
• Ink (#001716): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000202): a grounded near-black with real depth.

Feels like: Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Cellar Ridge color palette (#D0EBE1, #586800, #21212A, #001802, #000201)
• Midnight Abyss Corridor color palette (#DEE7D6, #00523E, #2C3339, #001310, #020400)
• Teal Pier color palette (#CCEBDE, #00AD98, #006B6A, #004249, #000A0E)
• Antique Abyss color palette (#D6F7FE, #6C6560, #005A56, #171B20, #00070A)
• Washed Basin color palette (#D1F7F9, #008F68, #004B57, #002324, #000202)
• Pale Jade color palette (#DEFDF3, #79B472, #007249, #354209, #010B00)
• Tempered Turquoise color palette (#E9F8FF, #31C2DA, #3F586B, #1E2E35, #091113)
• Washed Cerulean color palette (#EEF8F0, #88DCE0, #00899F, #005343, #000F17)

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