Cypress Pier color palette — #F5F6EF · #C9E4DF · #6DA3B1 · #1B7E7D · #315342

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F5F6EF): a clean, paper-quiet neutral.
• Silver (#C9E4DF): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#6DA3B1): A luminous, dusty blue — the color of open sky before noon.
• Teal (#1B7E7D): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Olive (#315342): A full-bodied, dusty teal — the color of glacier melt.

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

• Petrol Basin color palette (#F4F6F0, #CAE2E3, #769EC0, #297992, #5F4A61)
• Hushed Veranda color palette (#FFF0FC, #8697C3, #A8779D, #00868F, #4E3B4A)
• Washed Lagoon color palette (#F9F3F8, #D6D5E8, #76BCDC, #509680, #425468)
• Softworn Ridge color palette (#E1E2D5, #86A98C, #00636F, #003E3B, #00242D)
• Lagoon Cabin color palette (#F5F6EF, #B5CDB3, #21888D, #006153, #00434B)
• Washed Abyss Veranda color palette (#E2E4D5, #638B74, #004358, #002225, #000B14)
• Weathered Orchard color palette (#EDF0E5, #8FBCAE, #1C6BB0, #004C64, #0A2C5C)
• Aged Corridor color palette (#FCF2F9, #9FAFD9, #5AAA92, #516CC2, #435334)

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