Cypress Drift color palette — #F5F1EB · #C5E5E2 · #69A5C4 · #207A77 · #223C35

A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Silver (#C5E5E2): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#69A5C4): A luminous, dusty blue — the color of open sky before noon.
• Teal (#207A77): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#223C35): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: 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

• Denim Atelier color palette (#EDE7DF, #64A8B6, #00617E, #003A36, #000C18)
• Ancient Market color palette (#F5F1EB, #C1E7D2, #5595BE, #006C6F, #39233B)
• Navy Alley color palette (#F6EFE4, #47819A, #003F64, #001F21, #000106)
• Cerulean Station color palette (#F6F1EA, #B1D1B5, #008AA3, #005D4D, #002434)
• Wandering Delta color palette (#F7F2E1, #A1A05C, #1C9BC6, #9F6281, #2D2712)
• Tempered Lagoon color palette (#F6F1E5, #BFB572, #8D94E3, #7E7321, #412739)
• Antique Station color palette (#FAF4F0, #BFE3EF, #B8C1F4, #62A08A, #5B4655)
• Tempered Sapphire color palette (#F9F1E3, #87C2F4, #1E69E2, #004F61, #101143)

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