Softworn Pier color palette — #F8F0ED · #DDD5C9 · #CEBBAC · #AB434F · #351E17

A conversation between Brick and Onyx, giving this palette its sense of sophistication.

The five colors

• Cream (#F8F0ED): bright and airy, almost weightless.
• Bone (#DDD5C9): bright and airy, almost weightless.
• Stone (#CEBBAC): A luminous, dusty gold — the color of old brass.
• Brick (#AB434F): A full-bodied, balanced red — the color of embers at dusk.
• Onyx (#351E17): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Bronze Lantern color palette (#F9F0E8, #D7D8C8, #C9BFA2, #995900, #32210F)
• Washed Plum color palette (#FAEEF0, #DFD3CD, #D8B6AF, #974596, #311F22)
• Terracotta Dune color palette (#EFE7E4, #D3C9C2, #B59F89, #A00D14, #231008)
• Tempered Plum color palette (#F8F3F9, #E6D5D6, #A8C5AD, #AE3C59, #473B49)
• Deep Ridge color palette (#F1DCCF, #AF4500, #3D2300, #1E0A00, #0A0100)
• Wandering Bloom color palette (#FBF3F1, #E0DCD0, #97B7BA, #E2607B, #442F2A)
• Weathered Driftwood color palette (#F4F1EB, #D5D8D1, #A5B3AD, #92824C, #3A362D)
• Tempered Archive color palette (#F2F4DC, #76B992, #007D69, #7C2A4C, #002815)

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