Patina Cocoa color palette — #EFF8F0 · #71C0C7 · #AC7A9D · #80633C · #583D00

Built around Cocoa, softened by Dusty Rose — the whole palette hums with trust and stability.

The five colors

• Ivory (#EFF8F0): bright and airy, almost weightless.
• Mint Leaf (#71C0C7): A luminous, dusty blue — the color of deep harbor water.
• Dusty Rose (#AC7A9D): A luminous, dusty pink — the color of a candy shop window.
• Walnut (#80633C): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Cocoa (#583D00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged 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

• Powder Boulevard color palette (#FAF2FB, #89B5E8, #B17D77, #84613C, #364924)
• Worn Balcony color palette (#F3F7EB, #7FC39A, #8E83BA, #945453, #48413C)
• Ancient Loft color palette (#E9F8FC, #85DED8, #BE81BC, #736D2D, #214031)
• Patina Chestnut color palette (#E3FDE6, #BCD8D0, #B4A0A8, #918776, #6B4C00)
• Timeworn Loft color palette (#EAF9F6, #84A27B, #935D75, #833C1C, #4E4213)
• Patina Pier color palette (#D5FEE7, #92C9F1, #87A4E0, #6E74A4, #624350)
• Hushed Hollow color palette (#FCF3EF, #C1E2E9, #83BBD1, #7C8D68, #2C5349)
• Plum Chapel color palette (#E4FCF1, #1BB1EA, #C13254, #6E4F00, #203800)

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