Cypress Pier color palette — #F6F0F4 · #D2DDEC · #71A3C3 · #3A7A5C · #2A374B

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

The five colors

• Ivory (#F6F0F4): a clean, paper-quiet neutral.
• Silver (#D2DDEC): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#71A3C3): A luminous, dusty blue — the color of open sky before noon.
• Teal (#3A7A5C): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#2A374B): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Worn Turquoise color palette (#F1F7F2, #D2E0F2, #5CA4BE, #357C72, #425564)
• Petrol Delta color palette (#E9F4F9, #7CBFD0, #CC887E, #007F95, #40273C)
• Ancient Summit color palette (#E3F6FD, #D8D8E6, #AEA69D, #6EA08B, #2A3F4D)
• Hushed Denim color palette (#F6EBF4, #74A5B6, #006083, #003C20, #000824)
• Muted Cerulean Lantern color palette (#CBF2F1, #8CCCB9, #1C99A6, #006082, #233D57)
• Tempered Navy color palette (#E9DAE4, #468294, #003D6A, #002018, #01000B)
• Soft Coast color palette (#FDEDF5, #A0D9F5, #4F82D1, #006359, #24194F)
• Washed Bronze Ridge color palette (#E4F5FF, #60A7C0, #BE7967, #A96351, #102B38)

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