Cypress Pier color palette — #EDF4EE · #D1DDF2 · #76A3BC · #327875 · #22384D

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EDF4EE): bright and airy, almost weightless.
• Powder Blue (#D1DDF2): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#76A3BC): A luminous, dusty blue — the color of open sky before noon.
• Teal (#327875): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Teal (#22384D): 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

• Aged Lagoon color palette (#E1EDE3, #59AABA, #00617E, #003A36, #000C18)
• Powder Courtyard color palette (#E5F6F6, #CBDDEE, #B1C3EB, #6D9A93, #2C4043)
• Weathered Cypress Quarry color palette (#E1F7F7, #8AC2A4, #BE89AD, #408162, #362A47)
• Cypress Workshop color palette (#FAF4F0, #CAE8E6, #73A598, #228067, #65485C)
• Antique Navy color palette (#E5F4E7, #42819C, #003F64, #001F21, #000106)
• Washed Forest color palette (#EBF5ED, #A6C3B4, #6A8D74, #466044, #1E302A)
• Aged Cobalt color palette (#EBF5ED, #A6D7F9, #3B84D8, #006070, #131F50)
• Timeworn Teal Balcony color palette (#DCF8FA, #5DAF91, #8A85BF, #9A6C55, #142C2D)

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