Cypress Drift color palette — #E3F1F4 · #B7C7CC · #90A9B3 · #007066 · #0D2327

Built around Teal, softened by Blue Fog — the whole palette hums with sophistication.

The five colors

• Cream (#E3F1F4): bright and airy, almost weightless.
• Stone (#B7C7CC): soft and architectural.
• Blue Fog (#90A9B3): A luminous, dusty blue — the color of open sky before noon.
• Teal (#007066): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#0D2327): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Wandering Quarry color palette (#D4E2E8, #A3B8C3, #7D9AAD, #005E67, #05161D)
• Lagoon Cabin color palette (#EBF0E9, #ADC7C2, #86B1B3, #00957E, #1B2216)
• Cerulean Studio color palette (#EAF8FF, #C9E2F3, #A9C1D6, #00859F, #1B3744)
• Powdered Quarry color palette (#C0E7F5, #00C9B8, #00ABB3, #0085A7, #00181C)
• Aubergine Study color palette (#D7E3D6, #009299, #00627A, #421184, #001A1E)
• Onyx Drift color palette (#DDEFF4, #669AB6, #526F91, #5C4365, #43193C)
• Airy Alley color palette (#D5F0E3, #8B9B55, #476E00, #1A5225, #181E00)
• Timeworn Navy color palette (#DFF3FA, #00848F, #004DAA, #4C006D, #00170D)

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