Weathered Pier color palette — #F0F1DA · #CA7600 · #1D4400 · #061700 · #020200

A conversation between Mustard and Forest, giving this palette its sense of nature and growth.

The five colors

• Cream (#F0F1DA): A whisper-light, dusty green — the color of a quiet forest floor.
• Mustard (#CA7600): A luminous, balanced gold — the color of honey in a jar.
• Forest (#1D4400): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#061700): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#020200): a grounded near-black with real depth.

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

• Dusty Quarry color palette (#E7ECD6, #D58C59, #00561D, #03230A, #050600)
• Dusty Station color palette (#E3DFC5, #A08C2A, #323B00, #141900, #030700)
• Ember Boulevard color palette (#D9E4DA, #DE6241, #004244, #001617, #000200)
• Rust Dune color palette (#E0E9D5, #BC5600, #003321, #21222C, #000B05)
• Hazy Moss Parlor color palette (#E9E5D3, #8F9500, #00598E, #474B00, #000302)
• Mustard Station color palette (#E3FCF4, #EAB100, #465A00, #141C00, #000201)
• Hushed Forest Delta color palette (#E8EBDF, #C3D0C0, #90AB9D, #206434, #15170A)
• Dusty Shell color palette (#E9F5EE, #F6ADAB, #276B7E, #20372A, #0C1711)

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