Cypress Drift color palette — #F1F7F0 · #CCDEDD · #C7B6C5 · #007B74 · #394338

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

The five colors

• Ivory (#F1F7F0): a clean, paper-quiet neutral.
• Silver (#CCDEDD): bright and airy, almost weightless.
• Stone (#C7B6C5): A luminous, dusty pink — the color of peonies in June.
• Teal (#007B74): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#394338): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: 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

• Washed Pine color palette (#F4F6EF, #CBE0D9, #A7C4B7, #007F4A, #384600)
• Wandering Lagoon Terrace color palette (#F0F7F0, #CFDCDB, #A3CACB, #009A9A, #354435)
• Antique Cypress color palette (#E8F4F8, #D0D6E1, #AAC3D6, #007B7B, #0C2931)
• Tempered Harbor color palette (#EAF0EB, #C2D0CA, #AF98A8, #006164, #243225)
• Weathered Cerulean Atelier color palette (#F9F3F8, #E3D8D7, #ACADA2, #7081A8, #585056)
• Muted Summit color palette (#FAF2FA, #E2CBD6, #C09CA0, #0059AA, #3D2C3E)
• Tempered Navy Harbor color palette (#E0EBE7, #B4A4AE, #95757C, #003B5E, #001912)
• Timeworn Pine color palette (#FFF3E4, #A2AA5C, #2A7C3C, #005C67, #3A3E05)

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