Cypress Pier color palette — #F8EFF2 · #D9D0E3 · #8D9AC6 · #317878 · #31334E

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

The five colors

• Ivory (#F8EFF2): bright and airy, almost weightless.
• Silver (#D9D0E3): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#8D9AC6): A luminous, dusty violet — the color of a velvet chair.
• Teal (#317878): A full-bodied, dusty teal — the color of sea glass.
• Navy (#31334E): A deep, shadowed, dusty violet — the color of wild irises.

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

• Wandering Parlor color palette (#F1F7F2, #DADDED, #819AC3, #017B96, #485268)
• Forest Cabin color palette (#F7EFF8, #BFE4ED, #5698AC, #3E6B3E, #132E47)
• Softworn Cerulean color palette (#CAF6FF, #7FC6DE, #568BB7, #465C88, #2E3652)
• Weathered Petrol Basin color palette (#E7F3FF, #87B9E3, #B7966A, #3F77A3, #1C391D)
• Muted Lagoon Thicket color palette (#E9DCE9, #308789, #004256, #002109, #000105)
• Antique Petrol color palette (#EFE6EC, #82BED0, #266FAA, #004D3B, #0E1036)
• Softworn Denim color palette (#EAF2FF, #B0CCF2, #7183B2, #3C4C77, #061B37)
• Tempered Periwinkle color palette (#EAF3FF, #7B9CD8, #AC8558, #9A6E3A, #1B283A)

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