Bronze Pier color palette — #FEF1F7 · #E4A477 · #9D7C00 · #AB5800 · #031E0E

Built around Ochre, softened by Ochre — the whole palette hums with optimism and balance.

The five colors

• Ivory (#FEF1F7): bright and airy, almost weightless.
• Camel (#E4A477): A luminous, balanced gold — the color of old brass.
• Ochre (#9D7C00): A luminous, balanced gold — the color of old brass.
• Ochre (#AB5800): A full-bodied, balanced gold — the color of old brass.
• Ink (#031E0E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Balance. Tagged duotone.

Use it as a design system

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

• Hushed Villa color palette (#EFF8F0, #DCC091, #819A4E, #A67600, #0A2A23)
• Gentle Ridge color palette (#FBF2FA, #F39791, #BB6800, #CA2B32, #270F1A)
• Bronze Courtyard color palette (#FCF3EC, #FFC195, #A58616, #B25C00, #090500)
• Hushed Study color palette (#E6F7EE, #BBAF00, #009044, #736B00, #001706)
• Dusty Olive color palette (#DAF7E5, #BD9E44, #797E19, #00635A, #123926)
• Washed Bronze color palette (#FFE0AA, #C7B373, #908400, #555900, #2A3700)
• Muted Pier color palette (#F2F7F1, #CFDDDA, #A7C7C3, #AC721E, #333E32)
• Chalky Clover Corridor color palette (#FFF2EC, #FFB5A3, #74B751, #DF7257, #191A03)

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