Cypress Pier color palette — #FBF3ED · #C2E5F6 · #83A9D9 · #007F80 · #252A53

A conversation between Teal and Cornflower, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FBF3ED): a clean, paper-quiet neutral.
• Powder Blue (#C2E5F6): A whisper-light, dusty blue — the color of open sky before noon.
• Cornflower (#83A9D9): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007F80): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#252A53): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Dusty Pine Basin color palette (#FBF3EF, #B9ECF2, #52B6CA, #298250, #003349)
• Cobalt Studio color palette (#FBF3F6, #9BCDE8, #3E79C2, #005F61, #2D3A56)
• Weathered Petrol Alley color palette (#FDEAE1, #65C8D5, #007194, #003F30, #000309)
• Weathered Denim Pier color palette (#F1E4DA, #6CAAD3, #295298, #002B2E, #010009)
• Patina Seafoam Orchard color palette (#EAFCE2, #5ED7C1, #DC88AE, #008A78, #42152C)
• Tempered Powder color palette (#FBF4EF, #C2E0EE, #BABFEA, #659E9A, #5C4557)
• Softworn Cobalt Hollow color palette (#F1F3EA, #A8D2C1, #0783C4, #00586C, #002720)
• Quiet Coast color palette (#E5FFD0, #7DD699, #00A080, #007069, #003B41)

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