Weathered Pier color palette — #FBE9E0 · #B67E00 · #757200 · #405900 · #00170A

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

The five colors

• Cream (#FBE9E0): A whisper-light, dusty orange — the color of autumn markets.
• Mustard (#B67E00): A luminous, balanced gold — the color of honey in a jar.
• Olive (#757200): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#405900): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#00170A): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Antique Corridor color palette (#FAE8CE, #A08000, #534E00, #202500, #010200)
• Weathered Olive color palette (#F1E5CC, #908A00, #297F00, #005735, #001D1A)
• Ember Field color palette (#FFE8E6, #E25B02, #926200, #584B00, #111700)
• Hushed Amethyst color palette (#F5EBCD, #ADA42A, #8146CD, #6B6500, #170030)
• Worn Moss color palette (#D9E3CA, #87AC34, #5E8700, #365400, #020200)
• Pale Peony Meadow color palette (#F1E2EC, #FF3497, #687B00, #222A00, #020200)
• Olive Ridge color palette (#FFEBDA, #D1AE00, #999800, #298500, #003A29)
• Mulberry Basin color palette (#EEE1D9, #B28656, #AC4D2D, #8F0040, #0F0B00)

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