Cypress Pier color palette — #FBF2F7 · #D7DFF1 · #819CBA · #407B6E · #495269

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

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Frost (#D7DFF1): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#819CBA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#407B6E): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#495269): A full-bodied, dusty violet — the color of wild irises.

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

• Powder Field color palette (#EEF7F6, #D5DCEC, #89B9D3, #608EA1, #405568)
• Teal Delta color palette (#E3FAFD, #66C4AF, #BB85AB, #338272, #524764)
• Petrol Meadow color palette (#F1F3EB, #C4E2E0, #7EA796, #3C757F, #1F3D34)
• Mint Basin color palette (#DAFFF0, #97C37A, #429F7E, #33746F, #305261)
• Seafoam Cabin color palette (#E3FAFF, #81E0C9, #409487, #1F584C, #0C3C45)
• Tempered Forest color palette (#F6EAF5, #79C0BF, #007391, #135322, #0D2F51)
• Denim Thicket color palette (#EDDDE7, #5EABC0, #005B95, #004030, #151847)
• Worn Cabin color palette (#FFF1F5, #A1D5FF, #6075DB, #006667, #473562)

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