Patina Cocoa color palette — #F6EFFA · #B4B880 · #764257 · #311E3B · #110915

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

The five colors

• Blush (#F6EFFA): a clean, paper-quiet neutral.
• Sage (#B4B880): A luminous, dusty green — the color of a quiet forest floor.
• Coffee (#764257): A full-bodied, dusty rose — the color of strawberry cream.
• Deep Indigo (#311E3B): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#110915): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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 Archive color palette (#F7EFF5, #A4CFB7, #835349, #3D2A38, #1A1018)
• Cocoa Terrace color palette (#FAF2FB, #D0A485, #763E45, #4D1B23, #281D29)
• Wandering Chapel color palette (#FFECF4, #C3A53B, #743A00, #351700, #14010A)
• Ancient Mulberry color palette (#F6EFF7, #E09EA9, #81771D, #A03E55, #04120B)
• Ancient Bronze Boulevard color palette (#E4F8E9, #CE8779, #81681B, #2F466E, #311B26)
• Quiet Garnet color palette (#ECD8EB, #A39800, #79001B, #310006, #0A0001)
• Amber Villa color palette (#FBE5EC, #A78A36, #513000, #1D0E00, #060002)
• Ancient Bronze Delta color palette (#FFE9EA, #DA9C83, #A17034, #544500, #1A2500)

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