Bronze Pier color palette — #FAF4F0 · #DBDAD3 · #C3C0AC · #9E6444 · #50453E

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

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#DBDAD3): a clean, paper-quiet neutral.
• Stone (#C3C0AC): A luminous, dusty green — the color of a quiet forest floor.
• Walnut (#9E6444): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#50453E): a grounded near-black with real depth.

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

• Bronze Quarry color palette (#F7F0EC, #DBD9CD, #BCC2AA, #9A6654, #342923)
• Timeworn Chapel color palette (#F9F3F7, #E7D8D6, #B4D2CF, #B48170, #4D454A)
• Tempered Olive Studio color palette (#F8F5EE, #D6DDCE, #BFBDA7, #776C00, #4F3D00)
• Bronze Dune color palette (#E8DDD4, #B1A79D, #9F7738, #552B00, #200F01)
• Wandering Studio color palette (#FDF5D2, #B1B198, #7A8742, #2E6877, #2F5A4A)
• Antique Fern color palette (#E8E9DD, #B8BBAB, #899377, #235100, #20210E)
• Tempered Meadow color palette (#FEF3E7, #FFD3B7, #F1A841, #AD8B00, #3D3933)
• Washed Basin color palette (#FFF4E1, #B88F5C, #7E670B, #005D41, #413C36)

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