Worn Pier color palette — #F9EDE2 · #9D8429 · #704000 · #460200 · #010100

A conversation between Moss and Espresso, giving this palette its sense of nature and growth.

The five colors

• Cream (#F9EDE2): bright and airy, almost weightless.
• Moss (#9D8429): A luminous, balanced green — the color of a quiet forest floor.
• Bronze (#704000): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#460200): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Black (#010100): a grounded near-black with real depth.

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

• Hushed Fern color palette (#ECE2CA, #729159, #564F00, #321C00, #000201)
• Worn Terrace color palette (#FCE0C4, #B0984E, #8A4F00, #630202, #030400)
• Weathered Parlor color palette (#F1DECD, #7D6400, #542E00, #3C0101, #090D00)
• Cocoa Courtyard color palette (#FFF3E4, #C5BF6C, #A77200, #832E00, #0C1E00)
• Timeworn Terracotta color palette (#F3DAC9, #994200, #743D00, #192F00, #030100)
• Mulberry Garden color palette (#E5DCEB, #C25EA6, #A10020, #351900, #020100)
• Pale Aubergine color palette (#F8E4EA, #A871D2, #644800, #570080, #020100)
• Shadow Chapel color palette (#FFE7DF, #A20024, #5D2A00, #001C19, #040001)

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