Cypress Pier color palette — #EEF7F9 · #D4DBE2 · #B8BFCC · #47807D · #3F4A4D

A conversation between Teal and Ash, giving this palette its sense of sophistication.

The five colors

• Ivory (#EEF7F9): a clean, paper-quiet neutral.
• Silver (#D4DBE2): bright and airy, almost weightless.
• Ash (#B8BFCC): a calm mid-gray that lets other colors speak.
• Teal (#47807D): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#3F4A4D): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Hushed Lagoon color palette (#ECF3F5, #D3D7DD, #B8BCCE, #00877C, #1D2F33)
• Softworn Petrol color palette (#EEF6FE, #D8D8E9, #B1BDCF, #0E6FB0, #314252)
• Softworn Abyss Veranda color palette (#D6E5EB, #98ADB7, #668495, #004044, #00171F)
• Driftwood Atelier color palette (#E6F5FF, #A5BCD2, #748AA9, #675E7D, #554763)
• Dusty Canyon color palette (#EAF9F3, #89BCAD, #607D51, #3D615F, #264A41)
• Navy Thicket color palette (#DDE2EC, #B3B8CA, #8A8CA1, #393983, #1A1F2C)
• Airy Aqua color palette (#E8F8FF, #7FE9E6, #32CCE2, #2C9DCD, #224455)
• Turquoise Bloom color palette (#E1FCF9, #34A9B8, #1F7394, #574078, #1F4252)

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