Worn Pier color palette — #FAF0E5 · #DFAB72 · #8B7B32 · #764905 · #26201D

Sand and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FAF0E5): bright and airy, almost weightless.
• Sand (#DFAB72): A luminous, balanced gold — the color of honey in a jar.
• Walnut (#8B7B32): A full-bodied, balanced green — the color of a quiet forest floor.
• Bronze (#764905): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#26201D): quiet, heavy and certain.

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

• Marigold Corridor color palette (#FDF4E9, #DEA14E, #6B5000, #302A22, #130E0A)
• Marigold Coast color palette (#FDEDCF, #C49B00, #497537, #45413B, #180F08)
• Worn Lime color palette (#E5E6D9, #7CC04F, #62775A, #4E4D00, #1B1811)
• Antique Moss Harbor color palette (#F6E9C9, #9D8D00, #2E6039, #322F29, #090300)
• Hushed Loft color palette (#E9E5C3, #6A8600, #004E3C, #221E00, #030100)
• Mustard Lagoon color palette (#FFF2EA, #F4D298, #D3BB53, #89A367, #4F5049)
• Hushed Stone Boulevard color palette (#FFF1F0, #EBD9CA, #C9C2A4, #A58F95, #5F484E)
• Dusty Mallow color palette (#FDF3E8, #F3CDA1, #EDAEEC, #CC9F67, #664148)

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