Weathered Pier color palette — #F6D7C5 · #D1B79D · #928E6A · #875A72 · #633B2C

Graphite and Cocoa set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#F6D7C5): A whisper-light, dusty gold — the color of old brass.
• Sand (#D1B79D): A luminous, dusty gold — the color of afternoon light on wheat.
• Eucalyptus (#928E6A): A luminous, dusty green — the color of a quiet forest floor.
• Graphite (#875A72): A full-bodied, dusty rose — the color of a warm blush.
• Cocoa (#633B2C): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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

• Softworn Stone color palette (#F8E2C4, #9EBD94, #7F9983, #865F44, #5E3B22)
• Bronze Basin color palette (#FBF7D8, #CCDDC2, #99B7AD, #B57255, #7C3E23)
• Teal Chapel color palette (#FFF0FA, #E8DDAD, #6DB693, #895567, #412C4A)
• Bronze Loft color palette (#E3EAAA, #8AD2B8, #679CC6, #8D682B, #634300)
• Antique Lagoon Studio color palette (#F6F6E9, #86C3AD, #1D919A, #7E5854, #263E00)
• Softworn Moss color palette (#F4E9D9, #7FA164, #417D7A, #643851, #431031)
• Chestnut Ridge color palette (#E4E4D3, #7AB5B3, #6B7FA3, #764E04, #3D3933)
• Patina Denim Corridor color palette (#D7F8E6, #7FABA4, #598286, #555285, #433E5C)

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