Weathered Pier color palette — #F3F9DD · #B4ECE2 · #95ACDB · #A47D3D · #694700

Caramel and Bronze set the tone — five colors that lean into optimism and creativity.

The five colors

• Custard (#F3F9DD): A whisper-light, dusty green — the color of new leaves after rain.
• Sea Foam (#B4ECE2): A whisper-light, dusty teal — the color of glacier melt.
• Mauve (#95ACDB): A luminous, dusty violet — the color of a velvet chair.
• Caramel (#A47D3D): A luminous, balanced gold — the color of old brass.
• Bronze (#694700): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Creativity, Balance. Tagged vintage, retro, muted, light.

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

• Muted Bronze Lantern color palette (#E3FDE5, #BAE3EA, #D1ABD3, #857F36, #544E00)
• Gentle Delta color palette (#DAFFEE, #84D5FF, #958ED6, #6E611B, #3F3600)
• Aged Corridor color palette (#E6F9FF, #B2DDF9, #ACBCD4, #9E849E, #654A57)
• Softworn Olive Station color palette (#DAFFEE, #F2C6E1, #C48CA5, #687733, #333E00)
• Stone Field color palette (#D1EEDE, #9FCABB, #90768F, #6E5358, #4A2E2F)
• Gentle Villa color palette (#DDFEF2, #6DC5FF, #CAA628, #AB8F33, #163129)
• Hushed Powder Corridor color palette (#F9F4EF, #C2E2F6, #A0B8FF, #309391, #553343)
• Ancient Plum color palette (#C5ECFF, #9BA4D5, #A85B7E, #005145, #001914)

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