Bronze Pier color palette — #E8F6ED · #8F7813 · #25713C · #124975 · #1D0E20

Walnut and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E8F6ED): a clean, paper-quiet neutral.
• Walnut (#8F7813): A full-bodied, balanced green — the color of a quiet forest floor.
• Pine (#25713C): A full-bodied, balanced teal — the color of sea glass.
• Navy (#124975): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#1D0E20): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

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

• Antique Bronze color palette (#FDEDF4, #A66300, #5A681E, #004B55, #150D21)
• Tempered Olive color palette (#E4F7EE, #70800F, #006A7A, #304174, #1F0C1D)
• Amber Balcony color palette (#EBF5EB, #B98028, #00727D, #3C3772, #2A0F3A)
• Hushed Olive color palette (#E3F9E3, #C49061, #637328, #433F6F, #132818)
• Aubergine Boulevard color palette (#DBF9F7, #008140, #005E62, #4D1D7C, #170800)
• Feathered Hollow color palette (#FDF4E5, #A9914E, #368D64, #35579E, #392113)
• Ancient Bronze Basin color palette (#E2EFE7, #897400, #193731, #0A1A11, #0C0406)
• Pale Aubergine Grove color palette (#D4FBF0, #3E7100, #004D40, #21007A, #100200)

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