Cypress Pier color palette — #EDF9EF · #C7DFDD · #A2C4B4 · #006D76 · #021106

Teal and Stone set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EDF9EF): bright and airy, almost weightless.
• Silver (#C7DFDD): A whisper-light, dusty teal — the color of sea glass.
• Stone (#A2C4B4): A luminous, dusty teal — the color of sea glass.
• Teal (#006D76): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#021106): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, 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

• Ancient Petrol Market color palette (#EDF8F4, #C4E0E5, #CDB0CB, #0B6793, #04100B)
• Patina Denim Harbor color palette (#E1F3EA, #BED6CD, #85B0A5, #00556F, #000402)
• Abyss Ridge color palette (#EAF2E9, #ACBEB6, #A0849A, #004F4F, #142414)
• Ancient Terrace color palette (#E5EBE5, #B2C4C3, #89B0B4, #009299, #152317)
• Inked Petrol color palette (#DCF2FD, #00698C, #33343D, #001425, #000201)
• Softworn Cobalt Meadow color palette (#FBF2F7, #E7D7D7, #DDBAB6, #6D6DB2, #251B21)
• Misty Clover Coast color palette (#F8F7DE, #72B75A, #00742B, #0A4733, #010B00)
• Aubergine Market color palette (#D1FBD6, #009AB5, #005B85, #3C1255, #000508)

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