Patina Cocoa color palette — #FFF3E6 · #FFC0A6 · #A9B57F · #8686B8 · #643E00

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

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Wheat (#FFC0A6): A whisper-light, balanced orange — the color of toasted spice.
• Sage (#A9B57F): A luminous, dusty green — the color of fresh herbs.
• Slate Blue (#8686B8): A luminous, dusty violet — the color of twilight just after sunset.
• Bronze (#643E00): A deep, shadowed, balanced gold — the color of honey in a jar.

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

• Shell Workshop color palette (#FCF5E1, #F3BFD7, #CBA683, #6B91AE, #5A4139)
• Fern Veranda color palette (#FFF2EB, #D8D39E, #84BBAF, #AA7E88, #4D4A00)
• Timeworn Garden color palette (#FCF4E8, #FAD6AA, #A3A76B, #3379A8, #433F38)
• Sand Market color palette (#FCF4EA, #F0BC85, #81AFD6, #7684B5, #57364D)
• Teal Coast color palette (#FFEADF, #D2B95E, #3AAE8C, #915D9C, #31312A)
• Teal Archive color palette (#FAF4EE, #CADCE8, #B8C5EF, #6DB0AF, #654955)
• Wandering Meadow color palette (#F8F1E5, #CEB46C, #7E8039, #6E4E00, #26201C)
• Hazy Lime Terrace color palette (#FFD9E3, #5DCE50, #009EBC, #B53167, #003125)

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