Cypress Drift color palette — #F0F7F1 · #BADAE9 · #4DA1C0 · #007D73 · #003F60

Teal takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Powder Blue (#BADAE9): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#4DA1C0): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007D73): A full-bodied, balanced teal — the color of sea glass.
• Navy (#003F60): A deep, shadowed, balanced blue — the color of deep harbor water.

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

• Patina Cerulean color palette (#F1F7F2, #D3DDF8, #7AAAD6, #008A98, #33476C)
• Patina Dune color palette (#FBF4EA, #D3D9EC, #37B5DF, #008076, #08372B)
• Timeworn Cobalt Harbor color palette (#E8F1EA, #A8C9E3, #5289C8, #00697A, #1B2A58)
• Antique Denim Coast color palette (#E2EDE4, #579EB0, #006082, #003C3A, #000A17)
• Hazy Peony Alley color palette (#EBDEFC, #CB72AD, #9B8A00, #0085A3, #322343)
• Washed Ultramarine color palette (#E5F5E8, #72A8D2, #0860CC, #004857, #0A0246)
• Feathered Delta color palette (#F1EBFF, #D58BC6, #23B975, #A82D97, #004125)
• Antique Terracotta color palette (#F5E1ED, #CBA0B3, #A9705A, #8E3E3C, #1D381C)

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