Weathered Pier color palette — #FFF2EB · #E9BE97 · #BB765B · #79484B · #2C1F08

A conversation between Caramel and Sand, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Sand (#E9BE97): A whisper-light, dusty gold — the color of old brass.
• Caramel (#BB765B): A luminous, balanced orange — the color of toasted spice.
• Coffee (#79484B): A full-bodied, dusty red — the color of embers at dusk.
• Onyx (#2C1F08): 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 Weathered 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

• Timeworn Studio color palette (#FEF4E3, #C8CD92, #9D884E, #754E27, #242304)
• Dusty Alley color palette (#FFF3E7, #EFDAB8, #BB9672, #8D5D4E, #34322B)
• Softworn Bronze Ridge color palette (#FFF3E8, #D1AC68, #A76422, #703021, #151300)
• Dusty Terracotta Courtyard color palette (#F1DCCE, #BA8D71, #9B4A20, #632A1C, #261300)
• Washed Balcony color palette (#F2DFC7, #998629, #694500, #3A1500, #010100)
• Bronze Meadow color palette (#F6E1ED, #DFB3C8, #CE8B6D, #A96453, #422732)
• Garnet Atelier color palette (#FEEBE0, #A06125, #6B1E00, #2B0009, #020100)
• Quiet Study color palette (#E6FBEF, #00AFD3, #B27F24, #765C00, #001B0E)

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