Patina Cocoa Pier color palette — #FBF4EB · #CCC0A1 · #758960 · #775C6F · #604A00

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

The five colors

• Ivory (#FBF4EB): bright and airy, almost weightless.
• Sand (#CCC0A1): A luminous, dusty gold — the color of afternoon light on wheat.
• Eucalyptus (#758960): A luminous, dusty green — the color of fresh herbs.
• Graphite (#775C6F): A full-bodied, dusty pink — the color of peonies in June.
• Bronze (#604A00): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Patina Cocoa Pier 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

• Fern Villa color palette (#F6F6EB, #BBC6A4, #538E85, #4D6E60, #44550D)
• Worn Lagoon Summit color palette (#E9F5EF, #9FCFBF, #5B8F83, #4E666B, #24352F)
• Stone Bloom color palette (#FFF1F5, #E4D8D2, #D2C293, #A78199, #624B4D)
• Tempered Moss color palette (#FFF1F4, #C99ECF, #96A141, #915A9A, #4F4D46)
• Worn Turquoise color palette (#FAF4F0, #CAE9DF, #55A7B7, #4B7B5B, #395047)
• Chalky Veranda color palette (#FFF4DD, #96AD71, #007F3C, #58447B, #324017)
• Antique Emerald Boulevard color palette (#EBE5D0, #6E9A5C, #006545, #4B315C, #19300F)
• Softworn Olive color palette (#EDDCC5, #717000, #1F4200, #26134C, #111000)

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