Cypress Pier color palette — #F3F4FF · #CDC7DA · #9A8B9C · #50756B · #365757

A conversation between Teal and Charcoal Brown, giving this palette its sense of sophistication.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Oat (#CDC7DA): A whisper-light, dusty violet — the color of a velvet chair.
• Heather (#9A8B9C): A luminous, dusty pink — the color of a candy shop window.
• Teal (#50756B): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal Brown (#365757): A full-bodied, dusty teal — the color of sea glass.

Feels like: Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Dusty Cabin color palette (#F1F7F2, #D7DEEF, #759EC3, #147D87, #445469)
• Wandering Driftwood Pier color palette (#E1FCF3, #E6CED7, #BC9C97, #718671, #425142)
• Aged Lagoon color palette (#EEF8F5, #A4C9C7, #568E7C, #586682, #385352)
• Forest Chapel color palette (#E7DAF3, #BEA5BD, #926D7F, #275E4F, #31425B)
• Weathered Forest color palette (#F4ECFF, #A085A6, #8E533D, #005938, #004241)
• Patina Plum Bloom color palette (#F8F3FC, #D69DB2, #58AB93, #AB4E76, #1E565B)
• Worn Cobalt color palette (#FBF1FF, #C08494, #819256, #2E7DB2, #4A3D4E)
• Washed Summit color palette (#FFE7E1, #C39A71, #7C6B08, #005B69, #00396D)

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