Patina Bronze Harbor color palette — #F9F4EF · #DBDDD1 · #BBC6AE · #946C2F · #4E463D

Walnut and Pistachio set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#F9F4EF): a clean, paper-quiet neutral.
• Bone (#DBDDD1): bright and airy, almost weightless.
• Pistachio (#BBC6AE): A luminous, dusty green — the color of a quiet forest floor.
• Walnut (#946C2F): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Cocoa (#4E463D): a grounded near-black with real depth.

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

Use it as a design system

One click turns Patina Bronze Harbor 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 (#F7F1EA, #D6DACE, #B3C3B2, #9A6932, #302B26)
• Worn Driftwood Lantern color palette (#F7F5EF, #D7DCD5, #9DB0B4, #868553, #555249)
• Patina Canyon color palette (#F6F6EF, #D0DFD2, #B4C1A8, #4E7900, #464200)
• Driftwood Meadow color palette (#F4EFE7, #AEA999, #898239, #473400, #1A1307)
• Pine Terrace color palette (#F6F6ED, #ADB48A, #1C8763, #7F4C16, #404800)
• Antique Abyss color palette (#ECEFE7, #B0BEAC, #76987C, #005237, #1B2210)
• Washed Delta color palette (#FCF4E4, #E9DBB7, #D9BC35, #5D9B47, #3F3D36)
• Olive Lantern color palette (#FFF4E2, #BA903C, #5E7400, #204F81, #403D36)

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