Cypress Drift color palette — #F7F3FE · #C895B7 · #B6746B · #0F7E5C · #393446

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

The five colors

• Ivory (#F7F3FE): bright and airy, almost weightless.
• Mauve (#C895B7): A luminous, dusty pink — the color of peonies in June.
• Caramel (#B6746B): A luminous, balanced orange — the color of toasted spice.
• Teal (#0F7E5C): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#393446): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Sophistication. Tagged jewel, vibrant, muted.

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

• Antique Grove color palette (#F2F5FE, #ADAADF, #B67A70, #00787E, #384060)
• Hushed Workshop color palette (#F4F4FE, #B297C9, #9F7BAD, #707102, #293345)
• Ash Coast color palette (#F5EFFA, #C485A6, #65515F, #3C3542, #212128)
• Muted Rust color palette (#FFEFFF, #DA6472, #C64900, #00675A, #36102C)
• Dusty Amber Orchard color palette (#FFF1F5, #C38B4C, #A3712C, #006879, #361F35)
• Weathered Summit color palette (#FDF2F5, #9874B5, #876700, #175C40, #273B36)
• Tempered Workshop color palette (#F3F4FF, #D3ABF1, #BBA765, #609797, #253340)
• Hushed Mallow Boulevard color palette (#FFF0F8, #C5B5FF, #679D65, #537252, #232B1D)

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