Softworn Pier color palette — #B7E9EA · #49B5F5 · #5D87D0 · #8D4984 · #052640

A conversation between Cornflower and Azure, giving this palette its sense of trust and stability.

The five colors

• Sea Foam (#B7E9EA): A whisper-light, dusty teal — the color of glacier melt.
• Cornflower (#49B5F5): A luminous, balanced blue — the color of deep harbor water.
• Azure (#5D87D0): A luminous, balanced violet — the color of twilight just after sunset.
• Raspberry (#8D4984): A full-bodied, balanced pink — the color of neon signs at night.
• Midnight (#052640): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged retro, cool.

Use it as a design system

One click turns Softworn 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 Periwinkle color palette (#F0D2F4, #74ABFF, #7A7DD4, #9B426D, #152145)
• Sunlit Turquoise color palette (#C1E7E2, #00C1CD, #0096BE, #6D579E, #002A30)
• Pale Iris Balcony color palette (#FFE6E8, #5A94FF, #6D67C9, #8E2859, #09103B)
• Cornflower Meadow color palette (#D2E1F0, #0091E9, #3F5476, #1E3144, #01050B)
• Sunlit Sapphire color palette (#C8E9C6, #00A4BA, #455FC2, #633F00, #00283A)
• Basalt Boulevard color palette (#D1E7FD, #A4B9DA, #8F9BBF, #7D6B8B, #5A2732)
• Worn Driftwood Corridor color palette (#FFF0FE, #B8C3FF, #AC97D9, #B36875, #343C54)
• Linen Boulevard color palette (#F9D4D1, #816FF9, #8246B1, #851126, #0F002A)

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