Patina Cocoa Alley color palette — #FFDDF7 · #C5AD7B · #5A8B6D · #854752 · #683B0A

Bronze and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFDDF7): A whisper-light, dusty pink — the color of a candy shop window.
• Camel (#C5AD7B): A luminous, dusty gold — the color of honey in a jar.
• Fern (#5A8B6D): A full-bodied, dusty teal — the color of shallow lagoons.
• Coffee (#854752): A full-bodied, balanced red — the color of embers at dusk.
• Bronze (#683B0A): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged vintage, retro, muted, warm.

Use it as a design system

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

• Feathered Mulberry color palette (#D7FBDA, #BBA176, #5B8968, #93384D, #62491D)
• Weathered Mulberry color palette (#FFE5E8, #CB9FB1, #6B8D4E, #844165, #60374A)
• Muted Olive Basin color palette (#FFF1F5, #A9A673, #377C1F, #734400, #413C00)
• Dusty Garnet color palette (#FAEBDE, #7B9B7F, #4E7650, #722C43, #4F2C00)
• Abyss Pier color palette (#E2FDED, #ACC7BB, #6C9096, #7C5E74, #315643)
• Softworn Lagoon color palette (#E0E2C1, #62AF93, #00759C, #664C00, #4F3A00)
• Worn Lagoon Workshop color palette (#E0EFB2, #80B580, #008D81, #5A4B72, #442641)
• Worn Lagoon color palette (#E2F0BC, #A3D2A5, #25A596, #716397, #4F4567)

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