Weathered Pier color palette — #EDF9EF · #F1D190 · #AA925B · #526A57 · #1C241E

A conversation between Wheat and Caramel, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#EDF9EF): bright and airy, almost weightless.
• Wheat (#F1D190): A whisper-light, balanced gold — the color of old brass.
• Caramel (#AA925B): A luminous, dusty gold — the color of honey in a jar.
• Graphite (#526A57): A full-bodied, dusty teal — the color of sea glass.
• Onyx (#1C241E): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Muted Canyon color palette (#FFF1F6, #E9D58C, #B68B65, #7A5765, #2A1D22)
• Patina Mustard color palette (#FDF4E6, #DFC07E, #886E31, #46423B, #262118)
• Ancient Amber color palette (#D1F1DF, #C48900, #645900, #2F2900, #000201)
• Wandering Emerald color palette (#DAFDFD, #FFBE97, #00A86C, #1E6B48, #051F1F)
• Wandering Chestnut Lantern color palette (#F6F1E9, #C5B187, #6B5000, #332500, #130B01)
• Hushed Boulevard color palette (#D1ECE1, #FEAB29, #7D8700, #4C5300, #00140D)
• Soft Amber Bloom color palette (#D4F1EC, #C86B00, #0C590C, #011C01, #000202)
• Muted Balcony color palette (#EFF8F4, #D2DDE1, #AFB2C0, #ABB17D, #414A46)

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