Cypress Pier color palette — #FBF2F7 · #D8DFF0 · #7E9CBF · #2E7C7B · #485367

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

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Frost (#D8DFF0): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#7E9CBF): A luminous, dusty blue — the color of open sky before noon.
• Teal (#2E7C7B): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#485367): A full-bodied, dusty violet — the color of wild irises.

Feels like: Trust, Stability, 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 Cerulean Summit color palette (#EFF7F6, #D6DCEB, #88B8D8, #4293A6, #425567)
• Dusty Petrol Ridge color palette (#F1F3EC, #C9DEDE, #74A3C1, #14778B, #1B3D35)
• Petrol Market color palette (#EDF7FF, #7DB8DC, #C3896A, #377AA0, #634154)
• Cerulean Delta color palette (#EEF6FF, #A6CCF4, #5881A7, #285174, #1E3952)
• Hushed Station color palette (#ECF7FF, #5EA1C7, #B47A5A, #8E7049, #304555)
• Muted Study color palette (#FFF0FA, #8BDFDC, #008FA5, #006B3D, #004564)
• Patina Denim Quarry color palette (#EBDCE4, #60AAC6, #005B95, #003E3B, #0F1A46)
• Timeworn Pewter color palette (#E9FAEE, #9DC2B2, #6B8974, #73525F, #334E48)

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