Cypress Harbor color palette — #F1F5FF · #898BB9 · #558C77 · #006D71 · #373D4E

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

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Slate Blue (#898BB9): A luminous, dusty violet — the color of twilight just after sunset.
• Fern (#558C77): A full-bodied, dusty teal — the color of shallow lagoons.
• Teal (#006D71): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#373D4E): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Sophistication. Tagged 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

• Dusty Forest color palette (#ECF7FF, #5798BF, #76874D, #2C6F44, #2C404F)
• Emerald Station color palette (#F3F0FB, #B87FAA, #639151, #256683, #25202C)
• Jade Archive color palette (#FEF1F4, #C199D2, #65AE7D, #52819C, #4A373C)
• Ancient Violet Lagoon color palette (#F4F4FF, #9354BF, #007675, #00526B, #362045)
• Ancient Forest color palette (#FDF1F6, #BE8B67, #757437, #1A6241, #5F3439)
• Washed Thicket color palette (#FDF0FF, #B86373, #4073AE, #53468A, #3D2C40)
• Hushed Terrace color palette (#F9F3F8, #E1D7D8, #B3ACA1, #A8726C, #585056)
• Dusty Quarry color palette (#FFF2F0, #FFA2C3, #D0B279, #B08DA6, #4C3735)

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