Cypress Drift color palette — #EDF4EE · #CFDEF2 · #6DA6BA · #34786E · #20394C

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EDF4EE): bright and airy, almost weightless.
• Powder Blue (#CFDEF2): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#6DA6BA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#34786E): A full-bodied, dusty teal — the color of glacier melt.
• Deep Teal (#20394C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, 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 Terrace color palette (#D8E8DB, #61AAB0, #006376, #003A30, #000D15)
• Petrol Basin color palette (#E4F5FC, #70C2D1, #C38D7F, #008091, #41273A)
• Dusty Meadow color palette (#FBF3F1, #CBE7E2, #70A0BF, #2D805C, #614A5D)
• Washed Alley color palette (#E3F5FF, #D4D7E5, #BBA3AB, #7298A3, #2C3F4D)
• Softworn Cerulean color palette (#C8F7FF, #7FCBC4, #2F929D, #046075, #1D3E54)
• Ancient Bronze Summit color palette (#E3F5FF, #5CA9BE, #B079A0, #867937, #122B36)
• Cerulean Delta color palette (#DCE8DE, #338499, #00415B, #001F1F, #000104)
• Petrol Summit color palette (#E3ECE5, #90B9D7, #326CB2, #004957, #080F3C)

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