Cypress Drift color palette — #E1E1D5 · #86A684 · #006569 · #003A31 · #000E10

Built around Peacock, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Bone (#E1E1D5): bright and airy, almost weightless.
• Sage (#86A684): A luminous, dusty green — the color of new leaves after rain.
• Peacock (#006569): A full-bodied, dusty teal — the color of sea glass.
• Deep Forest (#003A31): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000E10): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Washed Studio color palette (#E9DBE4, #62ADAB, #006273, #004124, #002235)
• Denim Courtyard color palette (#E1E3DA, #6DA4C3, #005D90, #003745, #000B1C)
• Lagoon Workshop color palette (#DDECE8, #6CC2C0, #00858C, #005A4E, #00242A)
• Fern Basin color palette (#E9F1CF, #7DC2A0, #00A08E, #245900, #001309)
• Dusty Emerald Coast color palette (#D0ECD5, #309357, #00572B, #001F0C, #000200)
• Pine Hollow color palette (#E4E6D6, #307E2C, #005F8A, #084306, #000912)
• Weathered Cerulean color palette (#FFF2EB, #9AD9D8, #0089A1, #005532, #000E19)
• Petrol Veranda color palette (#F1F3EC, #C5E1E3, #77A89A, #2E758C, #412F42)

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