Cypress Pier color palette — #F7EFF4 · #D5D2E6 · #81A0BE · #417579 · #2D364A

Teal takes the lead with Blue Fog close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F7EFF4): a clean, paper-quiet neutral.
• Silver (#D5D2E6): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#81A0BE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#417579): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#2D364A): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Weathered Cypress color palette (#F1F7F2, #D5DEF0, #6FA0BD, #237D7D, #40556A)
• Muted Summit color palette (#EBE0E7, #66A8B5, #005E8C, #003B28, #020033)
• Antique Ash color palette (#F6EEFF, #C485A9, #4E9E8E, #458678, #2C2335)
• Worn Nightshade Thicket color palette (#F5E2EA, #5791B5, #1B3DA2, #002C29, #060017)
• Forest Grove color palette (#F7EFF6, #A4CFDF, #3285AD, #005F37, #0C203C)
• Aged Basin color palette (#FDECF5, #ACC2AD, #9B768A, #655066, #1E3128)
• Hushed Lantern color palette (#F4EFFB, #D2A2C3, #64AD95, #975986, #00393D)
• Weathered Driftwood color palette (#E9EDFF, #CAAFE0, #AE769E, #80495A, #4B3047)

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