Cypress Pier color palette — #ECF5EA · #C3DACC · #83B1DA · #006964 · #121E10

Pine and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#ECF5EA): bright and airy, almost weightless.
• Oat (#C3DACC): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#83B1DA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Pine (#006964): A full-bodied, balanced teal — the color of sea glass.
• Ink (#121E10): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Worn Pier color palette (#EEF8EF, #C2D9C8, #7BB0C1, #00686A, #253926)
• Denim Villa color palette (#E7F6ED, #DCCEDE, #C49EB7, #00657E, #042013)
• Worn Fern Lagoon color palette (#F2F3E8, #CCD9C0, #70BABC, #1D6E02, #1A1C04)
• Tempered Lagoon color palette (#EEF7FA, #D4DDE9, #B5A8BE, #009092, #052932)
• Antique Petrol color palette (#F6F0F4, #E3D5D4, #CEB8B2, #6074A1, #322930)
• Dusty Indigo Hollow color palette (#CAE7E3, #37A0C0, #5865BD, #5D3F00, #342400)
• Wandering Pewter color palette (#DAE4DD, #7B948B, #7D6077, #003037, #000201)
• Antique Navy Balcony color palette (#EDE7ED, #C0ADB8, #A6828C, #004285, #110612)

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