Cypress Pier color palette — #E1E7DB · #78B2A5 · #00837C · #275A80 · #003129

A conversation between Teal and Peacock, giving this palette its sense of trust and stability.

The five colors

• Parchment (#E1E7DB): a clean, paper-quiet neutral.
• Sage (#78B2A5): A luminous, dusty teal — the color of sea glass.
• Teal (#00837C): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#275A80): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#003129): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

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

• Antique Pine color palette (#E6E7D0, #86B288, #00884F, #00606E, #282C04)
• Hushed Mint Field color palette (#E1FBFC, #63D2B5, #00897D, #35546E, #001D20)
• Basalt Pier color palette (#E7E6D1, #639A78, #006359, #572A53, #242D07)
• Frosted Cobalt color palette (#ECF1E3, #9FD1C1, #4A89CE, #006789, #142C56)
• Washed Pine color palette (#E7E5D8, #91AF80, #478248, #7D4427, #1C2F0E)
• Timeworn Mint Drift color palette (#D2EBE4, #67D39C, #00A79A, #8E6686, #003030)
• Softworn Lagoon Pier color palette (#ECF2DA, #3B8564, #005240, #3D2600, #000804)
• Timeworn Olive color palette (#FBF5E5, #B6B985, #78893A, #8B5053, #37352F)

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