Cypress Pier color palette — #FBF4ED · #C0E6D8 · #708BB7 · #166F75 · #5C3C50

Teal takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Celadon Mist (#C0E6D8): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#708BB7): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#166F75): A full-bodied, dusty blue — the color of open sky before noon.
• Cocoa (#5C3C50): A full-bodied, dusty pink — the color of peonies in June.

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

• Cobalt Terrace color palette (#FFF3E9, #ABDAC7, #4D81C3, #006668, #343970)
• Cerulean Meadow color palette (#FCF3EE, #CFE3CC, #3E98A9, #3F6E4F, #285142)
• Timeworn Petrol color palette (#EBF4F3, #C8E0F3, #6092C0, #006885, #192D44)
• Hushed Cerulean Meadow color palette (#F4F6F0, #C1E4E7, #74AADD, #2186A8, #324968)
• Mallow Summit color palette (#E2FCF2, #FFE2F5, #DDB9E1, #478388, #5E4A5A)
• Antique Petrol Studio color palette (#E8FAF4, #70A6D0, #B47B46, #236B9C, #5C3917)
• Wandering Market color palette (#F3E6DE, #458BA2, #004066, #00231F, #010030)
• Timeworn Aqua color palette (#FFF2EC, #50CCD4, #007A98, #00583E, #003658)

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