Bronze Pier color palette — #F9DEFF · #DE9CB5 · #A86158 · #6C3E00 · #292300

Mocha and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F9DEFF): A whisper-light, dusty pink — the color of peonies in June.
• Ballet Pink (#DE9CB5): A luminous, balanced rose — the color of strawberry cream.
• Mocha (#A86158): A full-bodied, balanced orange — the color of toasted spice.
• Bronze (#6C3E00): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#292300): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged warm.

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

• Chalky Cocoa Drift color palette (#FFE9F0, #DA9EA1, #A45A4D, #7C3D00, #543300)
• Dusty Fern color palette (#FFECF4, #E2ADA9, #AA7B51, #665908, #153300)
• Misty Loft color palette (#E6EFFF, #C1A1E0, #A36189, #7D293A, #371900)
• Hushed Ash color palette (#F8F2DA, #BA89B8, #955A40, #004D6C, #331B19)
• Apricot Garden color palette (#FFDBDF, #F1875A, #8C6900, #3A4400, #002515)
• Pewter Boulevard color palette (#F8EFEE, #DED7CD, #BFBEAF, #9A6177, #332928)
• Weathered Bronze color palette (#FFE3E9, #CAA9A0, #A37C3C, #654D63, #443443)
• Dusty Apricot color palette (#FFEDE9, #EACDFF, #FF9F97, #948A3A, #391C05)

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