Patina Bronze color palette — #F1D8E0 · #B66C00 · #543A05 · #311923 · #120B0E

Ochre and Cocoa set the tone — five colors that lean into optimism and sophistication.

The five colors

• Shell Pink (#F1D8E0): A whisper-light, dusty rose — the color of strawberry cream.
• Ochre (#B66C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Cocoa (#543A05): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#311923): A deep, shadowed, dusty rose — the color of strawberry cream.
• Ink (#120B0E): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Patina Bronze 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 Rust color palette (#F5E4ED, #CD5800, #573243, #2D1B25, #120B10)
• Bronze Harbor color palette (#DEEDE4, #967F00, #424317, #13271B, #090F0A)
• Antique Amber Dune color palette (#ECDFD4, #DD8100, #7D5B12, #583200, #130B06)
• Hushed Amber Archive color palette (#FFF1F6, #C87000, #1A3D2F, #1A0911, #020102)
• Inked Pier color palette (#FEE9F1, #905100, #0C2D1D, #1F0D15, #090203)
• Dusty Taupe Grove color palette (#E8F5F0, #94A45D, #415F59, #2C3C36, #1D2320)
• Moss Grove color palette (#C7EFDD, #9C9C00, #00A086, #B7582C, #0F3326)
• Tempered Pine color palette (#D6EEED, #008846, #003D2B, #001B1A, #000605)

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