Weathered Pier color palette — #F9EBD8 · #9D7B00 · #5E5500 · #2B2D00 · #020500
Ochre and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F9EBD8): A whisper-light, dusty gold — the color of old brass.
- Ochre (#9D7B00): A full-bodied, balanced gold — the color of old brass.
- Olive (#5E5500): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#2B2D00): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#020500): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, 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
- Weathered Moss color palette (#E6E6D5, #778D00, #345F00, #002F08, #000502)
- Washed Hollow color palette (#F8D8CD, #C36A00, #744900, #2C1D00, #030200)
- Wandering Chestnut color palette (#EFE5D8, #806000, #4B4300, #242800, #00170A)
- Lapis Basin color palette (#DBECE4, #868300, #5D42E3, #403E00, #010009)
- Ancient Ridge color palette (#FFEFCE, #C7B300, #848400, #435700, #112C00)
- Dusty Jade Balcony color palette (#D9FFF1, #ACDE9B, #00BA93, #725C00, #040700)
- Weathered Lagoon color palette (#D4E4D9, #00B17E, #007360, #003E3B, #001114)
- Emerald Coast color palette (#CEECB7, #6BBF70, #00965A, #005944, #002923)
Browse the whole catalog at Explore, or see today's palette.