Cypress Pier color palette — #E2F7F6 · #6BB096 · #007565 · #204D59 · #002123

A conversation between Teal and Jade, giving this palette its sense of calm and sophistication.

The five colors

• Ivory (#E2F7F6): A whisper-light, dusty teal — the color of sea glass.
• Jade (#6BB096): A luminous, balanced teal — the color of glacier melt.
• Teal (#007565): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#204D59): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#002123): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: 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

• Patina Olive color palette (#E6F6EE, #9BA679, #4F711B, #1E4E57, #002319)
• Tempered Cypress color palette (#F7F6E2, #71AA87, #007367, #345345, #2F3B00)
• Lagoon Lantern color palette (#EBF9F5, #A7E0BA, #00A08E, #45687E, #0C2E2D)
• Cobalt Studio color palette (#E9F5F3, #A5CDE8, #0085BF, #005969, #02223B)
• Pale Nightshade Harbor color palette (#E4E9F8, #8A85D8, #008F86, #5041A5, #00221F)
• Patina Fern color palette (#E1F3E6, #9A8F43, #575A00, #57282E, #00170C)
• Patina Olive color palette (#D6EEE6, #4C7531, #02430B, #002426, #010400)
• Timeworn Atelier color palette (#F0F0FF, #F7CAFC, #E798CE, #706296, #26233C)

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