Cypress Corridor color palette — #F7EFF3 · #D8D1E5 · #829FC0 · #3B7677 · #2D364A

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

The five colors

• Ivory (#F7EFF3): bright and airy, almost weightless.
• Silver (#D8D1E5): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#829FC0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#3B7677): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Teal (#2D364A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Cypress Corridor 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

• Petrol Veranda color palette (#EFF7F6, #D6DCEC, #6E9FC3, #147B93, #425568)
• Denim Studio color palette (#F7E8EF, #78A2BC, #005B9A, #003937, #030032)
• Patina Petrol Bloom color palette (#EFE6ED, #82BFC7, #007699, #004D3A, #00172D)
• Hushed Field color palette (#FAECFF, #CB8499, #46A08A, #2E8884, #2D2331)
• Hushed Bone color palette (#F7EEFC, #C6E8C8, #ECD2D7, #8D86AB, #473947)
• Cerulean Courtyard color palette (#FAEEF6, #94DFDF, #0092AD, #006640, #00283E)
• Tempered Grove color palette (#EFE0E9, #329C96, #00535F, #002E14, #00050A)
• Antique Hollow color palette (#F6E0E8, #507DA1, #143187, #001F23, #010009)

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