Patina Cocoa color palette — #D3F7FD · #48919F · #4E6391 · #5A3400 · #192100

Cocoa takes the lead with Slate close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#D3F7FD): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#48919F): A luminous, dusty blue — the color of open sky before noon.
• Slate (#4E6391): A full-bodied, dusty violet — the color of twilight just after sunset.
• Cocoa (#5A3400): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#192100): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged vintage, retro, 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

• Pewter Studio color palette (#CDEBF1, #6681AE, #744F8C, #414100, #002618)
• Garnet Workshop color palette (#ECF3DD, #589382, #006A7F, #77010D, #241500)
• Softworn Azure Alley color palette (#DDF3F8, #599EDD, #6D5984, #443403, #110A00)
• Gentle Navy color palette (#D7E1ED, #6678B9, #47387E, #4A1831, #310D00)
• Timeworn Pier color palette (#E9DCE6, #5FAFC0, #006F9A, #004B3E, #001330)
• Washed Balcony color palette (#C9F6F3, #80B9D8, #7B7AB6, #765F00, #1C4809)
• Iris Dune color palette (#D3E4F8, #728DDC, #7872AF, #74425C, #3C0716)
• Worn Lantern color palette (#DCF1E7, #69905B, #006244, #004049, #041400)

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