Weathered Pier color palette — #F2F0D0 · #CB9900 · #2C4500 · #1D2728 · #040A00

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

The five colors

• Custard (#F2F0D0): A whisper-light, dusty green — the color of fresh herbs.
• Mustard (#CB9900): A luminous, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#2C4500): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#1D2728): a grounded near-black with real depth.
• Ink (#040A00): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Amber Corridor color palette (#DCE3C8, #B28600, #003515, #060C07, #000200)
• Linen Study color palette (#EAEBDD, #D8963E, #457721, #204300, #030300)
• Mustard Meadow color palette (#EAFAED, #E8B124, #005C65, #001D20, #000200)
• Timeworn Loft color palette (#E2F5DC, #9A7300, #332A34, #00211D, #000201)
• Hushed Pier color palette (#E9FBE9, #FFD26F, #007B7B, #003636, #000B01)
• Muted Balcony color palette (#F1F8EC, #C9DCCA, #549482, #3E4B34, #181D13)
• Dusty Corridor color palette (#F2F7ED, #C3E4D7, #A6C4AB, #077150, #0A0E04)
• Powdered Seafoam color palette (#81FEB7, #00B393, #00777A, #003942, #000205)

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