Patina Cocoa color palette — #F3ECFE · #956C87 · #7C4044 · #23330F · #00150B

Coffee takes the lead with Mocha close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F3ECFE): A whisper-light, dusty violet — the color of wild irises.
• Mocha (#956C87): A full-bodied, dusty pink — the color of neon signs at night.
• Coffee (#7C4044): A full-bodied, balanced red — the color of late-summer berries.
• Deep Forest (#23330F): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#00150B): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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

• Muted Chestnut color palette (#F2D9E1, #956360, #7A4511, #00352D, #00161A)
• Tempered Basalt color palette (#D4E5FF, #7670A2, #633F69, #412B00, #101100)
• Worn Terracotta color palette (#D9EAFF, #A077B1, #A44C50, #004F49, #001512)
• Aged Garnet Boulevard color palette (#CAE4EF, #67628C, #681E40, #002329, #010D18)
• Coral Market color palette (#FBE3EE, #C97E7A, #856044, #005D46, #003237)
• Patina Cabin color palette (#FED7DD, #C34A66, #870039, #3C0014, #070001)
• Muted Plum color palette (#F3DAF8, #A7328E, #890059, #4B0023, #210004)
• Ancient Onyx Delta color palette (#D4F3EC, #48835E, #005241, #202556, #000803)

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