Weathered Pier color palette — #EDE0C5 · #6D5900 · #004C81 · #332900 · #000309

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

The five colors

• Parchment (#EDE0C5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Olive (#6D5900): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#004C81): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#332900): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#000309): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Terracotta Field color palette (#FFE1D0, #9A3600, #004F75, #4B1600, #000307)
• Nightshade Coast color palette (#E5E1D3, #5F5F00, #2226C1, #2C2C00, #010016)
• Twilit Fern color palette (#E0E5D3, #454F00, #004362, #232252, #010100)
• Frosted Ultramarine color palette (#D0E7D6, #927300, #0065BF, #564200, #000F26)
• Hazy Aubergine Archive color palette (#E3E5D1, #397C1B, #4F008B, #0F3300, #05000F)
• Lowlit Fern color palette (#F6E8D6, #696407, #4A3100, #2E0C00, #010200)
• Ancient Boulevard color palette (#DFE8D1, #007F53, #950D7D, #004129, #14000F)
• Lowlit Bronze Chapel color palette (#ECEDD9, #9A5300, #112400, #10181C, #010400)

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