Patina Pier color palette — #F7EBE2 · #AD734E · #553200 · #271B12 · #110B07

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

The five colors

• Cream (#F7EBE2): bright and airy, almost weightless.
• Mocha (#AD734E): A luminous, balanced gold — the color of old brass.
• Cocoa (#553200): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#271B12): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#110B07): quiet, heavy and certain.

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

Use it as a design system

One click turns Patina 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

• Obsidian Bronze color palette (#F7E2C9, #906000, #352800, #1A0D00, #070200)
• Wandering Taupe color palette (#FAEEF3, #C28E6E, #6A5058, #43333A, #261F23)
• Washed Taupe color palette (#FBF1DD, #AD9C59, #659B7F, #9D6961, #30260F)
• Antique Thicket color palette (#FFF2E9, #E8996A, #6F4E00, #342820, #140E0C)
• Spruce Orchard color palette (#EFEFD3, #535D61, #263F00, #172222, #000900)
• Bronze Orchard color palette (#FBF0E0, #C8B07E, #BF8AA4, #8D6C17, #482525)
• Weathered Chestnut Parlor color palette (#F0F4E7, #BCC8AE, #778A6A, #815816, #263800)
• Charred Field color palette (#E2E5C6, #196E07, #313A3F, #002611, #080800)

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