Worn Pier color palette — #FFF3E5 · #DCE2BF · #C2B07D · #7A7331 · #3D4000

Walnut takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Celadon Mist (#DCE2BF): A whisper-light, dusty green — the color of fresh herbs.
• Camel (#C2B07D): A luminous, dusty green — the color of new leaves after rain.
• Walnut (#7A7331): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#3D4000): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Sunlit Bronze Grove color palette (#FFF3E6, #DABC86, #957C1E, #635900, #444800)
• Gentle Lagoon color palette (#DBFFED, #A2E8D6, #AABF8C, #5E7E4B, #084A19)
• Cocoa Studio color palette (#FFF0FC, #DBD8CD, #D89D82, #A16D47, #623A00)
• Sand Basin color palette (#EAFAEE, #FAD79E, #ACA468, #487C81, #304536)
• Olive Pier color palette (#FFF9B0, #B9C661, #5F8500, #215500, #001904)
• Wandering Alley color palette (#EAFAEE, #CBAA53, #455A4F, #222F25, #0B110C)
• Dusty Bronze Cabin color palette (#F2E5CB, #8F7300, #4B4500, #0E1000, #010100)
• Pale Pier color palette (#FFF5D5, #E0D653, #909C00, #4E6B00, #133200)

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