Cypress Pier color palette — #EDF7F9 · #D2DDE7 · #B6C2CF · #428177 · #3E4A4C

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

The five colors

• Ivory (#EDF7F9): bright and airy, almost weightless.
• Silver (#D2DDE7): a clean, paper-quiet neutral.
• Stone (#B6C2CF): A luminous, dusty blue — the color of open sky before noon.
• Teal (#428177): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal (#3E4A4C): a grounded near-black with real depth.

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

• Aged Lagoon Drift color palette (#EBF4F5, #D1D8E0, #B4BDCE, #348575, #232E30)
• Softworn Powder color palette (#DBF3FF, #8FC5DF, #6783A0, #646379, #50495E)
• Timeworn Abyss color palette (#DFEFF4, #93AEB9, #648594, #004140, #06171B)
• Ancient Stone Delta color palette (#EBF9F1, #ADB678, #687B48, #3C625D, #334740)
• Ancient Teal color palette (#EFF7F8, #D6DBE1, #BDACAD, #53C2A3, #3C4B4C)
• Softworn Canyon color palette (#EBEFF6, #B0B9CE, #868CA9, #2B3B89, #191F2B)
• Gentle Seafoam color palette (#E6F9FF, #4CFDDB, #02D9DC, #3C9DB9, #1E404C)
• Weathered Teal color palette (#D9FFF7, #00AEA9, #007789, #4A496F, #27424A)

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