Cypress Pier color palette — #F1F7F2 · #CBDEDC · #99C7B1 · #006D76 · #031006

Built around Teal, softened by Mint Leaf — the whole palette hums with trust and stability.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#CBDEDC): A whisper-light, dusty teal — the color of glacier melt.
• Mint Leaf (#99C7B1): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#006D76): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#031006): 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

• Muted Petrol color palette (#EFF7F4, #CCDDE0, #CFAECE, #006794, #02100B)
• Washed Denim Garden color palette (#E9F0EC, #C0D6CD, #86B0A5, #00566E, #000402)
• Worn Abyss color palette (#D9E3D9, #ADBDB6, #9A8895, #004F4F, #162316)
• Muted Lagoon Quarry color palette (#E6F1E6, #A9C7C6, #C7ADC9, #009393, #162317)
• Petrol Ridge color palette (#D8ECE2, #00698B, #33343D, #001424, #000201)
• Worn Dune color palette (#F7F6E6, #7FB270, #00742D, #004833, #010B00)
• Muted Glacier color palette (#E0FEEE, #08E4F6, #00BDEF, #007ABF, #00080F)
• Softworn Garnet Terrace color palette (#CDE8FF, #8DAADE, #62679A, #663151, #2B0B07)

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