Cypress Drift color palette — #E7EEE8 · #B1CBBF · #B59BB3 · #006E74 · #19221A

A conversation between Teal and Mauve, giving this palette its sense of trust and stability.

The five colors

• Cream (#E7EEE8): bright and airy, almost weightless.
• Stone (#B1CBBF): A luminous, dusty teal — the color of glacier melt.
• Mauve (#B59BB3): A luminous, dusty pink — the color of neon signs at night.
• Teal (#006E74): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#19221A): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Cypress Drift 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 Alley color palette (#DEE8E5, #D3BCCB, #B79DA5, #29639B, #13231F)
• Worn Lagoon Quarry color palette (#DAE4E8, #BBBFCD, #AAA3C0, #009298, #06232C)
• Ancient Pine Meadow color palette (#E1E4DA, #BCC9B7, #8EAE98, #00743D, #1E2115)
• Abyss Hollow color palette (#DBE6DB, #A9BFB6, #9F8597, #004F52, #122415)
• Cypress Summit color palette (#EDF7FB, #D4D9E6, #ABBDCF, #006D77, #000F16)
• Timeworn Azure color palette (#D1E5E6, #52A0D0, #6F6493, #614C12, #382900)
• Aged Navy Field color palette (#EBE2EB, #B29EA9, #A17984, #0B4386, #100511)
• Driftwood Corridor color palette (#FBF2F7, #E4D6D2, #CCBAB0, #7F78AE, #43363D)

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