Patina Cocoa color palette — #DCFCF3 · #C4A8C0 · #9B7B8E · #795D5D · #724005

A conversation between Bronze and Heather, giving this palette its sense of optimism and warmth.

The five colors

• Honeydew (#DCFCF3): A whisper-light, dusty teal — the color of shallow lagoons.
• Mauve (#C4A8C0): A luminous, dusty pink — the color of a candy shop window.
• Heather (#9B7B8E): A luminous, dusty pink — the color of neon signs at night.
• Graphite (#795D5D): A full-bodied, dusty red — the color of embers at dusk.
• Bronze (#724005): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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

• Timeworn Market color palette (#FFF0F8, #D5BFC6, #A3888D, #A16141, #675000)
• Muted Driftwood color palette (#E8E5FF, #B697CF, #986899, #7A4D43, #47443E)
• Washed Cocoa Delta color palette (#E0FEE8, #A4BEB2, #689589, #72555E, #70321A)
• Chestnut Pier color palette (#DCEBCF, #A9C2B3, #998094, #764C04, #37362F)
• Pale Periwinkle color palette (#D6E1F5, #919DE1, #726695, #703149, #5A2400)
• Ash Corridor color palette (#E0FBFE, #B1CCD9, #879BBB, #678469, #37554D)
• Tempered Loft color palette (#FFF0FB, #879CDE, #C36B7D, #4C60A8, #642F3B)
• Dusty Mulberry Station color palette (#F1DDEF, #9F6B85, #824251, #4D2F00, #1F2603)

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