Weathered Pier color palette — #F7E7EE · #BEAEFF · #B07D00 · #2F300D · #251600

Built around Mustard, softened by Lavender — the whole palette hums with nature and growth.

The five colors

• Blush (#F7E7EE): bright and airy, almost weightless.
• Lavender (#BEAEFF): A luminous, balanced violet — the color of a velvet chair.
• Mustard (#B07D00): A luminous, balanced gold — the color of honey in a jar.
• Espresso (#2F300D): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#251600): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged neon, dark, vibrant, 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

• Timeworn Moss color palette (#ECDCD9, #CCB8FF, #899C00, #2F322C, #211E0D)
• Feathered Market color palette (#EDDED7, #B494FF, #DE7C00, #2F2402, #1E0D00)
• Gentle Moss Coast color palette (#F9E5FD, #1DC2F7, #A29C00, #323000, #1B1A00)
• Soft Canyon color palette (#E4EFFF, #4DCCFE, #E15300, #322E04, #24140A)
• Dusty Marigold color palette (#F1E7F3, #79BBFF, #E39F00, #634300, #0B1E0D)
• Timeworn Moss Bloom color palette (#F2DCF7, #00B2B7, #8C8700, #1C1B00, #000804)
• Linen Coast color palette (#FDE1DA, #F156FA, #AE9000, #1F270F, #170F01)
• Mustard Harbor color palette (#FFE0EF, #DEC3FF, #D2C135, #474942, #37332A)

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