Cypress Pier color palette — #F5F1EB · #C7E3DC · #5BA9BB · #2D7A67 · #243C32

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

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Silver (#C7E3DC): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#5BA9BB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#2D7A67): A full-bodied, balanced teal — the color of sea glass.
• Forest (#243C32): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

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

• Denim Parlor color palette (#EFE6D9, #5DABAA, #006470, #003B2B, #000D13)
• Softworn Ash Coast color palette (#F5F1EB, #C2E8EE, #839DCB, #347489, #41303C)
• Ash Station color palette (#F9F3F9, #D4D6EE, #6BA2BA, #53795C, #445468)
• Worn Lagoon Parlor color palette (#FDECF9, #E8D2D2, #C2A592, #5E9082, #4A3A44)
• Amber Thicket color palette (#FFEBFA, #8499DA, #C87264, #52865D, #30222D)
• Ancient Workshop color palette (#F6EEE2, #3E8490, #004255, #00201C, #000103)
• Cobalt Cabin color palette (#EEE8DF, #81BCDB, #006FB6, #004A52, #031338)
• Cobalt Balcony color palette (#F8F1E6, #A1DAED, #008DC6, #006263, #002649)

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