Cypress Pier color palette — #ECF5EC · #C5DCD8 · #ACC7B7 · #007B7C · #1E281E

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

The five colors

• Cream (#ECF5EC): bright and airy, almost weightless.
• Silver (#C5DCD8): A whisper-light, dusty teal — the color of glacier melt.
• Stone (#ACC7B7): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#007B7C): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#1E281E): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Denim Station color palette (#E1EDE4, #BFD0C6, #8FAB9E, #00616B, #0D1910)
• Cypress Harbor color palette (#EDF7FA, #D1DBE9, #A4C0D4, #007A78, #334347)
• Petrol Orchard color palette (#E7F6F1, #F0D6DF, #CFB6CA, #1771AB, #1A2924)
• Weathered Pier color palette (#F1F7F0, #CBE6E3, #ACB8D6, #39A59C, #2D392A)
• Midnight Boulevard color palette (#DBF5E6, #007792, #002E43, #00150A, #000501)
• Aged Driftwood color palette (#F7EFF4, #E0D3D4, #BAABA3, #94798C, #3A3438)
• Lime Grove color palette (#F5F2E0, #8AB954, #457A37, #22583B, #242200)
• Seafoam Parlor color palette (#DDFBE5, #00F4EF, #00C2DE, #008CC2, #00232D)

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