Soft Pier color palette — #BAFCD6 · #47C0CD · #5E81B9 · #6A4B5E · #653A28

A conversation between Cyan and Slate Blue, giving this palette its sense of nature and growth.

The five colors

• Mint (#BAFCD6): A whisper-light, balanced teal — the color of shallow lagoons.
• Cyan (#47C0CD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate Blue (#5E81B9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Charcoal Brown (#6A4B5E): A full-bodied, dusty pink — the color of a candy shop window.
• Cocoa (#653A28): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged vintage, retro, muted.

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

• Weathered Cerulean color palette (#CEEEC8, #75BEAE, #2F82AB, #804F3D, #5B3E4E)
• Cocoa Archive color palette (#E1E9B7, #89BDC7, #59809E, #6A4819, #1A3419)
• Softworn Petrol color palette (#DFF5EE, #59A8BA, #4F669A, #644023, #522F40)
• Turquoise Lagoon color palette (#B4F3F3, #66AFD8, #7273A9, #6C5827, #304E3A)
• Bronze Loft color palette (#E3EAAA, #8AD2B8, #679CC6, #8D682B, #634300)
• Quiet Driftwood color palette (#BBFEF0, #90DFED, #8AB7DE, #BB6B83, #6B3C2E)
• Ancient Powder Meadow color palette (#DCF5FF, #9BBFE7, #8587A0, #566C5A, #3D5743)
• Cerulean Terrace color palette (#CCF3F2, #3F92C6, #625382, #254125, #3B2400)

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