Cypress Pier color palette — #FDF1F6 · #AEDBFB · #7E93CD · #007C7A · #353854

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

The five colors

• Ivory (#FDF1F6): bright and airy, almost weightless.
• Powder Blue (#AEDBFB): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#7E93CD): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#007C7A): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#353854): A deep, shadowed, dusty violet — the color of wild irises.

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

• Patina Turquoise color palette (#FCF1FD, #A6E2DE, #17A5C7, #497A48, #1D3D5A)
• Antique Cornflower color palette (#FFF0F9, #72DAFF, #308EEC, #007461, #2B276A)
• Cobalt Pier color palette (#F4F6EF, #A6CFC2, #437CB5, #005B78, #223B60)
• Worn Loft color palette (#FBF2F6, #DAD4E3, #97B2E2, #5A909B, #4C5167)
• Feathered Ultramarine Boulevard color palette (#EFDFE4, #5499CC, #394AB3, #003B3B, #0F0023)
• Forest Canyon color palette (#ECDEEE, #4BC7C1, #00829C, #185D17, #00213C)
• Timeworn Hollow color palette (#FEE7F7, #00B5CD, #006DA1, #004C34, #040842)
• Faded Apricot color palette (#FFD8E8, #F08D2C, #8979B9, #4C72C5, #3D212E)

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