Cypress Pier color palette — #FAF3F7 · #D5E0F2 · #7E9DBA · #497A68 · #45536D

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

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Frost (#D5E0F2): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#7E9DBA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#497A68): A full-bodied, dusty teal — the color of glacier melt.
• Peacock (#45536D): A full-bodied, dusty violet — the color of wild irises.

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

• Dusty Terrace color palette (#F1F7F2, #D6DFEF, #8AB9D2, #229995, #3F556A)
• Tempered Cypress color palette (#F5F1EB, #C7E2E0, #74A3BD, #1A7A77, #163E35)
• Softworn Veranda color palette (#F8F2FF, #C47EA5, #459C82, #118086, #483D52)
• Ancient Forest color palette (#F5EAF7, #88BBC7, #00748D, #06540E, #002F54)
• Denim Bloom color palette (#F0E2EC, #69AAB7, #005D8B, #00402B, #0D184D)
• Patina Drift color palette (#FFF1F6, #9ED6FC, #5D7ACD, #006764, #443566)
• Tempered Field color palette (#F9F2FF, #D49DB6, #6FA87B, #9D597A, #2B5653)
• Dusty Studio color palette (#ECDAE3, #408AA8, #003A7A, #00231D, #090029)

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