Weathered Pier color palette — #F5F0DF · #7E7C00 · #303E00 · #1D1C00 · #0C0700

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

The five colors

• Cream (#F5F0DF): A whisper-light, dusty green — the color of fresh herbs.
• Olive Leaf (#7E7C00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#303E00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#1D1C00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#0C0700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Olive Courtyard color palette (#EBEDDD, #268F08, #004423, #042200, #090800)
• Softworn Bronze Grove color palette (#F7E8DA, #AE6100, #4D3100, #2B1400, #100400)
• Dusty Quarry color palette (#D1E3DA, #9C9600, #46632C, #183D2E, #000B03)
• Sunlit Emerald Veranda color palette (#D9E8DF, #00A66D, #008DB4, #846D00, #002C1A)
• Cypress Alley color palette (#E0E8DA, #00715D, #444D57, #002B28, #040C00)
• Aged Drift color palette (#DDE9DA, #00A59A, #36563B, #253222, #161A13)
• Patina Meadow color palette (#ECEED0, #70C07E, #008E58, #695B00, #13361A)
• Pale Thicket color palette (#E8F1D6, #85BC00, #539300, #156308, #003B11)

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