Cypress Drift color palette — #EBF4F2 · #E1D0CD · #CAB5B9 · #4F8075 · #242F2C

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

The five colors

• Ivory (#EBF4F2): bright and airy, almost weightless.
• Oat (#E1D0CD): bright and airy, almost weightless.
• Stone (#CAB5B9): A luminous, dusty red — the color of a theater curtain.
• Fern (#4F8075): A full-bodied, dusty teal — the color of sea glass.
• Deep Forest (#242F2C): quiet, heavy and certain.

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

• Pewter Archive color palette (#F7EFF4, #E4D4D4, #CAB9B7, #8B697E, #312A2E)
• Petrol Grove color palette (#F0F6FC, #DAD9E4, #C2BCCD, #4A79A0, #3F4953)
• Hushed Parlor color palette (#FFE8F9, #DCB0C6, #957A82, #6E544D, #2B3F2C)
• Worn Stone Alley color palette (#F7F1E3, #B3B979, #6B7D44, #4C5A46, #2C2715)
• Washed Ash Ridge color palette (#EEF8F4, #E1D3D0, #A49F93, #77A4C5, #37423E)
• Garnet Courtyard color palette (#EBDBDC, #CAAAA9, #A28581, #6A235B, #160507)
• Muted Lantern color palette (#EFE3EE, #AD99A8, #936F85, #002E7D, #090109)
• Iris Bloom color palette (#FBEDF9, #AFDAFF, #A2BFFF, #8D89CC, #2C1928)

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