Worn Pier color palette — #F5F1EB · #D5C194 · #775C30 · #35302A · #19130A

A conversation between Coffee and Sand, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Sand (#D5C194): A luminous, dusty gold — the color of old brass.
• Coffee (#775C30): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Espresso (#35302A): a grounded near-black with real depth.
• Ink (#19130A): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Worn 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

• Antique Garnet Corridor color palette (#F9EFEC, #CAC598, #894E4A, #561C00, #1C110C)
• Ancient Garden color palette (#F6F1EA, #D9C093, #2F9683, #906A18, #12180E)
• Lowlit Chestnut color palette (#F3EADA, #715200, #293435, #1A1300, #020100)
• Patina Veranda color palette (#EFF8F0, #E8CE93, #668769, #415342, #262E27)
• Forest Delta color palette (#F1F3EA, #D4AA83, #0D6632, #073016, #0B0E03)
• Tempered Delta color palette (#DFE1CC, #A86800, #0B3300, #172223, #010B00)
• Muted Ridge color palette (#F9F1DD, #D79B19, #554D00, #252100, #0C0700)
• Weathered Lagoon color palette (#FEEFE2, #AFB06E, #388A6D, #694267, #2E2D1C)

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