Cypress Pier color palette — #FEF2ED · #C6E6CC · #5793AC · #127358 · #1F5247

Pine and Storm Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FEF2ED): a clean, paper-quiet neutral.
• Celadon Mist (#C6E6CC): A whisper-light, dusty teal — the color of glacier melt.
• Storm Blue (#5793AC): A luminous, dusty blue — the color of deep harbor water.
• Pine (#127358): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#1F5247): A full-bodied, dusty teal — the color of sea glass.

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

• Softworn Cypress color palette (#EBF4F2, #C3E2EE, #5599A6, #006D68, #003144)
• Antique Cypress color palette (#FCF3EC, #C4E5D7, #6D8DB3, #007071, #5A3D52)
• Timeworn Cerulean color palette (#FCF3EE, #A4D1B8, #4A7EA4, #006158, #283A5E)
• Muted Lagoon color palette (#F5F6EE, #C3E4DD, #4EB5C8, #008D87, #125060)
• Chalky Terrace color palette (#EDFCD4, #7CCCAB, #24865F, #00543C, #003626)
• Antique Denim color palette (#EDE1DB, #589BAA, #005072, #003128, #001232)
• Bronze Orchard color palette (#F4F9DD, #BDF0DC, #9BCFE3, #8F7A32, #47543C)
• Peony Boulevard color palette (#F5F7E7, #80AE76, #BB6B98, #427436, #5E3535)

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