Weathered Pier color palette — #FFF3E3 · #BD8A00 · #0083A2 · #6518C0 · #3D0A13

A conversation between Plum and Mustard, giving this palette its sense of trust and stability.

The five colors

• Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#BD8A00): A luminous, balanced gold — the color of old brass.
• Cerulean (#0083A2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Plum (#6518C0): A full-bodied, vivid violet — the color of twilight just after sunset.
• Onyx (#3D0A13): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Trust, Stability, Optimism, Creativity, Energy, Balance. Tagged jewel, vibrant.

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

• Dusty Aubergine Loft color palette (#FFF4DB, #A38A00, #007BB2, #7B0098, #431603)
• Misty Archive color palette (#FBF5E1, #A3A20B, #00888C, #5821CB, #600019)
• Aubergine Pier color palette (#E2FEE5, #D39A00, #00849E, #54339C, #1F071D)
• Hushed Station color palette (#FFF3E9, #CF6D20, #007D7A, #123CDD, #431029)
• Timeworn Canyon color palette (#F7F6E8, #90A45B, #607CC3, #853A73, #362513)
• Ember Ridge color palette (#FFF2EC, #E1533C, #00856B, #00599F, #350C30)
• Misty Sapphire color palette (#F8F7E1, #649C1D, #4460E3, #960074, #331C00)
• Gentle Workshop color palette (#FFF4E2, #B8AA3D, #3B9333, #3D4CB9, #333A00)

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