Aged Bronze Pier color palette — #F9F0EC · #DBD7CD · #AAB0A5 · #B27051 · #3C3431

Mocha and Ash set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F9F0EC): bright and airy, almost weightless.
• Bone (#DBD7CD): a clean, paper-quiet neutral.
• Ash (#AAB0A5): a calm mid-gray that lets other colors speak.
• Mocha (#B27051): A luminous, balanced orange — the color of autumn markets.
• Espresso (#3C3431): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Aged Bronze 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

• Bronze Boulevard color palette (#F5F1EA, #D5DBCE, #B7C1B4, #827542, #2F2C24)
• Tempered Archive color palette (#EAE4DA, #B9B3A2, #928F71, #573F00, #100902)
• Softworn Oat Grove color palette (#FCEFE6, #EDD2C5, #E4C18A, #AD9A6A, #382718)
• Softworn Veranda color palette (#F9F3F8, #E2D7D7, #A9B1B7, #957790, #575056)
• Timeworn Veranda color palette (#FFEEE3, #DDC29F, #A29B83, #546D61, #443844)
• Wandering Apricot color palette (#FDF0DB, #E19581, #95713B, #3A5B43, #39281B)
• Softworn Corridor color palette (#F2E4DB, #9B8A7A, #8A6221, #4C1500, #030100)
• Hushed Fern color palette (#F5F2E5, #D4D6BD, #A5B18A, #576200, #1E1A08)

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