Softworn Pier color palette — #FBF3F2 · #DEDAD2 · #C2C2AC · #A05D6E · #514442

Mocha takes the lead with Stone close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#FBF3F2): bright and airy, almost weightless.
• Bone (#DEDAD2): a clean, paper-quiet neutral.
• Stone (#C2C2AC): A luminous, dusty green — the color of fresh herbs.
• Mocha (#A05D6E): A full-bodied, balanced red — the color of late-summer berries.
• Cocoa (#514442): a grounded near-black with real depth.

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

• Driftwood Courtyard color palette (#FFEBEE, #D5B2A5, #948152, #7E5A73, #63494C)
• Muted Balcony color palette (#F6EFF6, #E5D4D7, #C9B9B9, #99646A, #302931)
• Antique Bronze color palette (#FBF4ED, #D9DCCC, #BEBF99, #9E5400, #5E3400)
• Tempered Lagoon Archive color palette (#F9F5E6, #ABB58D, #00857B, #744E51, #3E4800)
• Aged Terracotta color palette (#FDF3EF, #E2CFBD, #B1A873, #A0272B, #581D01)
• Softworn Basalt Lantern color palette (#ECE7DD, #BBBAA5, #859573, #544200, #251E10)
• Rust Drift color palette (#F2E0D7, #B7492B, #412F05, #2A1B13, #110C08)
• Weathered Terrace color palette (#F5EAE7, #B9A595, #9B7936, #6C001F, #210D08)

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