Cypress Pier color palette — #EDF7FA · #D1DAE6 · #A4B6C3 · #26716B · #313D40

Built around Teal, softened by Ash — the whole palette hums with sophistication.

The five colors

• Ivory (#EDF7FA): bright and airy, almost weightless.
• Silver (#D1DAE6): bright and airy, almost weightless.
• Ash (#A4B6C3): A luminous, dusty blue — the color of deep harbor water.
• Teal (#26716B): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#313D40): quiet, heavy and certain.

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

• Worn Lagoon color palette (#ECF3F5, #D0D6E2, #ACB8C8, #007568, #0E2428)
• Lagoon Lantern color palette (#F2F7F1, #CFDDDC, #D3BBC2, #009585, #363D33)
• Wandering Veranda color palette (#F0F6FC, #D9D9E2, #B5A9AC, #6A859E, #4E5358)
• Tempered Cobalt color palette (#F0F6FE, #DDD6E8, #B8BAD2, #4566B3, #364050)
• Softworn Abyss Coast color palette (#DCE6EC, #99ACBD, #708097, #003E4E, #041620)
• Worn Fern color palette (#EBF9F1, #95A172, #4B6E40, #215457, #1C3D33)
• Hushed Denim Harbor color palette (#E9EFFA, #C9CBD9, #9F9DB5, #444C96, #282E3A)
• Hushed Cobalt color palette (#E8F8FF, #4DDBBE, #00B5CD, #2076C3, #032F44)

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