Softworn Pier color palette — #FFF2E9 · #BDA285 · #92674E · #724338 · #533700

Cocoa takes the lead with Coffee close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Camel (#BDA285): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#92674E): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Coffee (#724338): A full-bodied, dusty orange — the color of autumn markets.
• Cocoa (#533700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Garnet Terrace color palette (#FDEFE4, #BCA88C, #9B6748, #77343A, #2A2205)
• Washed Bronze Bloom color palette (#FBF4E9, #C5B795, #9F7938, #805215, #544700)
• Faded Olive color palette (#F9EECE, #94A56B, #706D1C, #5B4600, #223E15)
• Timeworn Terracotta color palette (#FFF0F8, #AAC7AC, #B48267, #965257, #224536)
• Terracotta Atelier color palette (#FCF3EE, #DE9C85, #6D752A, #984222, #282411)
• Powdered Villa color palette (#F7D9B1, #A88A37, #7C5100, #5D2D00, #2E2A00)
• Tempered Cabin color palette (#FFF0F7, #EDC3D1, #DD9B73, #A07B96, #314234)
• Weathered Rust Workshop color palette (#FFF2EC, #BF634F, #2A8078, #1D5782, #38312E)

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