Patina Cocoa color palette — #FFF2EE · #ECD9DA · #F6BDA2 · #C18D65 · #723617

Bronze and Caramel set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#ECD9DA): A whisper-light, dusty red — the color of embers at dusk.
• Cantaloupe (#F6BDA2): A whisper-light, dusty orange — the color of sun-warmed clay.
• Caramel (#C18D65): A luminous, balanced gold — the color of old brass.
• Bronze (#723617): A full-bodied, balanced orange — the color of toasted spice.

Feels like: Optimism, Warmth, Comfort, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.

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

• Softworn Taupe color palette (#FFF3E7, #EAD7C7, #DFCA86, #A1A05A, #49443E)
• Aged Courtyard color palette (#FFF1F3, #E6D8E8, #EBB3E2, #C67B88, #553C3B)
• Apricot Grove color palette (#FFF3E7, #FFB2A5, #E48C34, #7E7900, #442B00)
• Fern Chapel color palette (#FFF2ED, #E0A695, #AA7151, #815833, #535000)
• Hushed Stone Lagoon color palette (#FFF2EE, #D7BDAE, #A39788, #677867, #3E5857)
• Hazy Tangerine Study color palette (#F4DBBF, #F07040, #9F6C00, #5A5A00, #1C1400)
• Weathered Summit color palette (#FFF3E8, #D6A47D, #67A0C4, #97663D, #315649)
• Weathered Boulevard color palette (#FEEEE8, #B2625E, #5D2E00, #312621, #1A130E)

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