Softworn Pier color palette — #F8F5EF · #CEE4E8 · #C7A4C3 · #4C91A9 · #65485B

Cerulean takes the lead with Mauve close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F8F5EF): a clean, paper-quiet neutral.
• Silver (#CEE4E8): A whisper-light, dusty blue — the color of deep harbor water.
• Mauve (#C7A4C3): A luminous, dusty pink — the color of peonies in June.
• Cerulean (#4C91A9): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#65485B): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

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

• Ancient Ash color palette (#FAF4EE, #CBE6EA, #8C95CA, #2C7C81, #624B53)
• Muted Ash color palette (#FCF2F5, #DBD4E0, #BBC4F1, #6FAFB3, #505164)
• Lagoon Meadow color palette (#F8F5EF, #CAE7E4, #84BAD6, #3F9693, #2E5349)
• Moss Thicket color palette (#F6F6EB, #B5CDA5, #C0A2DE, #6D9C48, #66404E)
• Worn Periwinkle color palette (#F5F8E1, #97BE8F, #82A6E0, #C57B7B, #42433C)
• Softworn Cobalt color palette (#F4EEE3, #A4D0B8, #1E90C8, #006B6D, #092F54)
• Pale Cobalt color palette (#F0E8DC, #8DBDAF, #3872CC, #005669, #131451)
• Hushed Field color palette (#ECE2D3, #50A1A5, #006374, #003D31, #000B12)

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