Cypress Pier color palette — #FBF3EE · #BDDDCF · #7496CE · #007D72 · #3A3260

Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF3EE): bright and airy, almost weightless.
• Silver (#BDDDCF): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#7496CE): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#007D72): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#3A3260): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Softworn Azure Field color palette (#FFF2EC, #8ED8E9, #0094E0, #007555, #1B247B)
• Pine Orchard color palette (#FBF3F1, #C7E5DB, #58B2CD, #4F8B4F, #2A4A69)
• Worn Cobalt color palette (#F0F8F1, #AACADF, #367EB5, #005E67, #283B55)
• Sky Drift color palette (#FBF4EA, #BAE8FF, #74B9F2, #319CA7, #4B2F4A)
• Pale Indigo color palette (#EFE2D6, #8DB7D8, #546AD0, #005959, #271142)
• Ultramarine Atelier color palette (#F6EEE7, #6B99B4, #2450B0, #003C38, #0C0026)
• Worn Petrol color palette (#F3E2DC, #61B0B8, #006F97, #004D2B, #000F39)
• Worn Emerald color palette (#FFDCCE, #CF7A73, #00A45A, #00837C, #481B19)

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