Patina Cocoa color palette — #FBF3EF · #DDDBD1 · #AAB7AC · #D99A84 · #6E360C

Bronze takes the lead with Camel close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Bone (#DDDBD1): bright and airy, almost weightless.
• Ash (#AAB7AC): A luminous, dusty teal — the color of glacier melt.
• Camel (#D99A84): A luminous, balanced orange — the color of sun-warmed clay.
• Bronze (#6E360C): A deep, shadowed, balanced gold — the color of old brass.

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

Use it as a design system

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

• Tempered Alley color palette (#FAF4E9, #D4DECD, #96BBC3, #BBA34D, #523C00)
• Worn Sand color palette (#FFF2EC, #ECD3B0, #B7B89F, #A28694, #654B58)
• Muted Chestnut color palette (#E6E0D7, #9CA491, #798F78, #7F5D00, #100700)
• Marigold Atelier color palette (#F3E1CE, #E3982F, #846D24, #674000, #1F1610)
• Washed Taupe Lantern color palette (#FFF4E1, #FFB19D, #BBA354, #6581B9, #423C37)
• Hushed Pewter Market color palette (#F6F0F4, #E0D5D3, #B1C5C3, #976758, #32292F)
• Apricot Grove color palette (#FFF3E9, #FCA771, #4FB2AD, #4C81B1, #402E53)
• Worn Moss Hollow color palette (#F1F0E2, #B4C5B8, #93ACA2, #669018, #21200F)

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