Patina Cocoa color palette — #F2F7EC · #67A78D · #6F699A · #7E4111 · #1F4D36

A conversation between Bronze and Jade, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F2F7EC): bright and airy, almost weightless.
• Jade (#67A78D): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#6F699A): A full-bodied, dusty violet — the color of a velvet chair.
• Bronze (#7E4111): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Forest (#1F4D36): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, 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

• Patina Chestnut color palette (#EEF8F2, #65A3B2, #905C86, #655100, #004C53)
• Worn Garnet Coast color palette (#F2F8EC, #65A88D, #7E6299, #7E3A4E, #5B3A17)
• Ancient Coast color palette (#F8F5ED, #C3C3A3, #5E8D71, #556D5A, #535000)
• Softworn Aubergine Summit color palette (#E9FBE8, #00908C, #793599, #573800, #003A2E)
• Aged Lilac color palette (#FBF2FA, #92B3E3, #9F7ABE, #925267, #2F4A38)
• Ancient Cypress color palette (#FAF3F0, #CBE8E2, #6DA1B9, #238066, #31524A)
• Patina Quarry color palette (#EDFAE7, #B1C5BA, #A98BA0, #8F6526, #46543F)
• Antique Workshop color palette (#DBFFED, #91C0E3, #6384C1, #595B9F, #694857)

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