Bronze Pier color palette — #F0F7F2 · #D1DDDF · #B7B5AA · #AB694C · #4D5550

Built around Mocha, softened by Stone — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Silver (#D1DDDF): bright and airy, almost weightless.
• Stone (#B7B5AA): a calm mid-gray that lets other colors speak.
• Mocha (#AB694C): A full-bodied, balanced orange — the color of sun-warmed clay.
• Charcoal Brown (#4D5550): quiet, heavy and certain.

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

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

• Patina Coast color palette (#F3F7EF, #D2DEDA, #A6B5BB, #71676D, #51534E)
• Glacier Drift color palette (#FFF3E7, #69E4FF, #9DACDF, #A28669, #394D45)
• Petrol Summit color palette (#D7E7DE, #B69FA8, #A88286, #006E8A, #000D06)
• Worn Grove color palette (#E0FEE8, #F1D4F1, #D3B4BD, #9F9581, #694D00)
• Wandering Lagoon color palette (#E7F6F1, #6DBFFF, #887581, #4C5854, #1E2320)
• Weathered Turquoise color palette (#EDF8F3, #E9D4D0, #5DAFDB, #ADA290, #30453D)
• Timeworn Fern Studio color palette (#F8F5EA, #DDE2BB, #8BC4AF, #8D9F93, #4D5200)
• Cerulean Alley color palette (#ECF3F7, #D4D6DC, #B3ACB6, #508D9D, #31373B)

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