Softworn Pier color palette — #FDEFE5 · #CD886B · #764F04 · #582900 · #27201E

Coffee and Caramel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#FDEFE5): A whisper-light, dusty gold — the color of honey in a jar.
• Caramel (#CD886B): A luminous, balanced orange — the color of autumn markets.
• Coffee (#764F04): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#582900): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#27201E): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Dusty Fern color palette (#F8F1E4, #B09A54, #605A06, #3B3731, #26201B)
• Patina Apricot Archive color palette (#FFF0F9, #F29268, #485A4A, #31282D, #120E12)
• Weathered Harbor color palette (#F3DECA, #BD7200, #4D4610, #3A1F00, #1A0E08)
• Apricot Dune color palette (#FFEEE3, #FE9967, #A36F3A, #5C524C, #26201D)
• Softworn Coast color palette (#FEF4E1, #C5AF75, #86A5DB, #9A7DB8, #46423B)
• Bronze Lantern color palette (#FFF2EC, #EDBEA1, #C7985C, #91792A, #4E4C45)
• Muted Bloom color palette (#FFF1F1, #E8CFC3, #B5A997, #937996, #614A53)
• Hushed Villa color palette (#F0E2C4, #6F6000, #2D3A39, #122B00, #0E0800)

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