Softworn Pier color palette — #E6DED3 · #89AA8B · #008395 · #005F4B · #000B12

Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Bone (#E6DED3): bright and airy, almost weightless.
• Sage (#89AA8B): A luminous, dusty green — the color of new leaves after rain.
• Cerulean (#008395): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005F4B): A full-bodied, balanced teal — the color of sea glass.
• Ink (#000B12): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, 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

• Wandering Cobalt color palette (#F1E9DB, #69ABC5, #007CB7, #005D61, #00091B)
• Denim Atelier color palette (#F8EBE7, #7B9C7E, #00617E, #003F1A, #00091C)
• Lagoon Drift color palette (#E5F5E8, #008A8C, #00444E, #002018, #000203)
• Linen Bloom color palette (#EEE9E1, #99CDBC, #4D92EE, #007A90, #0F1550)
• Ancient Mulberry Basin color palette (#E8DDCB, #8A6A00, #007480, #910092, #030200)
• Washed Lantern color palette (#F7E9D5, #A37500, #006FD4, #6E4E00, #000614)
• Chestnut Coast color palette (#F3E4CB, #AEB167, #67A869, #945600, #141100)
• Softworn Moss color palette (#E4E0CD, #A58D00, #756400, #413600, #020200)

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