Cypress Pier color palette — #F8F0EC · #C7E6E3 · #79A79A · #457666 · #422F3D

Teal takes the lead with Eucalyptus close behind in a set that reads as sophistication at first glance.

The five colors

• Cream (#F8F0EC): a clean, paper-quiet neutral.
• Silver (#C7E6E3): A whisper-light, dusty teal — the color of glacier melt.
• Eucalyptus (#79A79A): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#457666): A full-bodied, dusty teal — the color of glacier melt.
• Espresso (#422F3D): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Sophistication. Tagged coastal, cool, light, 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

• Worn Cypress Balcony color palette (#F9F0EB, #C9E3D6, #7190B5, #006E5D, #3C2233)
• Washed Workshop color palette (#FFEDEC, #C089A7, #5E9C87, #4C8573, #352121)
• Tempered Lagoon Boulevard color palette (#F1F7F2, #D9E0EB, #BAC6E8, #619F9C, #3D4F62)
• Hushed Pewter Workshop color palette (#FFEDEC, #D7A1B9, #7DA985, #975C78, #30322B)
• Dusty Denim color palette (#F4E3DB, #5CA9B9, #005E8D, #003B28, #020132)
• Muted Field color palette (#F1E6E4, #7FC2BC, #00778F, #0B4F08, #00172C)
• Weathered Bronze Thicket color palette (#FCEFE7, #CBB8A0, #AE7348, #6F4F47, #322B19)
• Weathered Stone Alley color palette (#FEEDEF, #E2D7CB, #C8C79E, #A28396, #513934)

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