Patina Field color palette — #FBF3F2 · #E1D9D2 · #C9BEAF · #9B5E7B · #514443

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

The five colors

• Ivory (#FBF3F2): bright and airy, almost weightless.
• Bone (#E1D9D2): bright and airy, almost weightless.
• Stone (#C9BEAF): A luminous, dusty gold — the color of afternoon light on wheat.
• Mocha (#9B5E7B): A full-bodied, balanced rose — the color of strawberry cream.
• Cocoa (#514443): quiet, heavy and certain.

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

Use it as a design system

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

• Pewter Study color palette (#F9EFEF, #DED6CE, #C3BDAA, #8E6780, #332929)
• Ancient Quarry color palette (#F7F3FB, #E4D7DB, #D3BBBA, #9687AA, #4A4550)
• Bronze Study color palette (#FBF3F1, #DDDAD2, #A2B0A7, #B26E54, #59504D)
• Ancient Lagoon color palette (#FAF4F0, #DDDACC, #D0B893, #AD4600, #633000)
• Pine Studio color palette (#F7F5ED, #B3B28A, #4B8257, #764C51, #474500)
• Worn Mulberry color palette (#FFF2EF, #E6CCC0, #C09F87, #A02041, #442C26)
• Timeworn Cocoa Thicket color palette (#E9E3DB, #C2B8A3, #958F6F, #5C3E00, #271D10)
• Rust Market color palette (#F3E0DA, #AE4E54, #502400, #2D1913, #120B06)

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