Cypress Pier color palette — #EAF8FA · #DDB2C5 · #32676F · #1B3F44 · #1B262E

Peacock and Rosewood Mist set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EAF8FA): bright and airy, almost weightless.
• Rosewood Mist (#DDB2C5): A luminous, dusty rose — the color of a warm blush.
• Peacock (#32676F): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#1B3F44): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#1B262E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Sophistication. Tagged luxury, dark, 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 Stone color palette (#EEF8F5, #AACBA9, #3A685D, #1D4038, #19272A)
• Wandering Stone color palette (#EEF6FE, #D79F8E, #2D5574, #11304A, #191B28)
• Softworn Veranda color palette (#ECF8F8, #B5DBCD, #508C71, #1E5759, #1B3030)
• Teal Quarry color palette (#F2F7F0, #FFD4B6, #63AFA1, #62735B, #282D26)
• Cypress Study color palette (#EEF7F8, #95CEBB, #7C75A8, #197F66, #2A2D3B)
• Wandering Amber color palette (#C9E3F0, #CB7045, #003D49, #001A20, #010510)
• Hushed Boulevard color palette (#EBF7FF, #5099B7, #6C5B91, #714534, #21393A)
• Aged Corridor color palette (#EEF7FA, #D7DAE3, #B4AAAE, #5E8998, #4C5457)

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