Weathered Pier color palette — #F7E7E3 · #E67500 · #936500 · #5B4C00 · #1F4117

Tangerine takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.

The five colors

• Rose Water (#F7E7E3): bright and airy, almost weightless.
• Tangerine (#E67500): A luminous, vivid gold — the color of afternoon light on wheat.
• Ochre (#936500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#5B4C00): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#1F4117): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Tangerine Harbor color palette (#FBDFE0, #FF6738, #B45C00, #704900, #4B3B00)
• Softworn Amber color palette (#F7E1D6, #CC7B00, #725700, #454000, #003415)
• Marigold Grove color palette (#FFD4C1, #FFA45C, #DC9300, #9B7400, #4A4200)
• Weathered Bronze Field color palette (#D9F8DA, #AE9D4A, #8C5F00, #753400, #0C3F32)
• Mustard Lantern color palette (#FFF5D2, #C0A800, #816700, #483700, #2F2400)
• Gentle Market color palette (#FDE9BD, #A07900, #316DD3, #4354B9, #3E2D00)
• Hazy Mustard color palette (#ECE6D9, #B0A900, #677A00, #266000, #024D2C)
• Mint Villa color palette (#DFFFE3, #E3E886, #5DC797, #9D6143, #264C3A)

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