Cypress Pier color palette — #F5F6EC · #C3DCCA · #4CA3BB · #007C7D · #004156

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

The five colors

• Ivory (#F5F6EC): bright and airy, almost weightless.
• Oat (#C3DCCA): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#4CA3BB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#007C7D): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#004156): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Cerulean Coast color palette (#F4F6EE, #C5E1E2, #78ABD1, #0088A4, #2D4A67)
• Denim Boulevard color palette (#E1E3D7, #5B9EAF, #00627C, #003B3F, #000B13)
• Cobalt Study color palette (#EDF0E8, #9ECBEA, #488BC7, #006884, #0B2D57)
• Ultramarine Drift color palette (#E2E7DA, #79A7CE, #0066BC, #004660, #000F3A)
• Cobalt Veranda color palette (#FFF2ED, #B0CEB8, #0083B2, #006150, #4A2F4C)
• Cobalt Coast color palette (#EBEEE0, #94BCA6, #007FA9, #005862, #002236)
• Chalky Pier color palette (#F8DAF3, #7292E0, #B867AD, #00888E, #1B294D)
• Feathered Sapphire color palette (#FAE9F5, #8DA3F0, #00AE8F, #4D64D9, #004033)

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