Weathered Pier color palette — #F2DBE3 · #BD6D00 · #585600 · #663800 · #020200

Ochre and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F2DBE3): A whisper-light, dusty rose — the color of a warm blush.
• Ochre (#BD6D00): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#585600): A full-bodied, balanced green — the color of a quiet forest floor.
• Bronze (#663800): A deep, shadowed, balanced gold — the color of old brass.
• Black (#020200): a grounded near-black with real depth.

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

• Muted Bronze color palette (#D8EEDE, #A07F00, #395F00, #554300, #000202)
• Ember Balcony color palette (#F6E3EF, #DD4C00, #6F4A00, #782500, #030100)
• Bronze Corridor color palette (#F1E9D3, #8F6B00, #504D00, #00342C, #100B00)
• Hushed Coral color palette (#F4E4F2, #D76563, #005C45, #750013, #000201)
• Shadow Rust Terrace color palette (#EFD7E4, #A84700, #363500, #431800, #020200)
• Linen Courtyard color palette (#D3F2DB, #D98E00, #AE8800, #696900, #0C0800)
• Onyx Ridge color palette (#FFE6F0, #7B4300, #1F4B00, #45003A, #080000)
• Patina Amber color palette (#F3E7DF, #E27941, #727B00, #A64600, #020200)

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