Soft Pier color palette — #C9F2D3 · #80E0CA · #3ABBCF · #1E8DB1 · #374B6C
A conversation between Cyan and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#C9F2D3): A whisper-light, dusty teal — the color of sea glass.
- Lagoon (#80E0CA): A whisper-light, balanced teal — the color of shallow lagoons.
- Cyan (#3ABBCF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#1E8DB1): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#374B6C): A full-bodied, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Soft 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
- Tempered Villa color palette (#BBF9EB, #5ED0CB, #00A3B5, #00728D, #214F68)
- Weathered Sky Drift color palette (#B4FCF9, #70DDF3, #58AFE2, #6289C6, #4C4570)
- Soft Alley color palette (#DBE4C7, #3FB8A3, #00868E, #005B78, #371E39)
- Sky Bloom color palette (#ECF7FF, #9EE1FF, #5DBCDF, #258DAA, #00354B)
- Frosted Mint Harbor color palette (#EBF0B9, #B1D48A, #59C191, #1CA095, #14505B)
- Hazy Field color palette (#CCF0DF, #009F98, #007586, #004B7E, #01004D)
- Cobalt Summit color palette (#CAF4E8, #00C9DD, #00A2D5, #0074C9, #1A1D7A)
- Faded Marigold color palette (#E5FAFD, #83DFD2, #F0AE6B, #3FB4A6, #5C3912)
Browse the whole catalog at Explore, or see today's palette.