Image Hover Effects Pro plugin will help you to display overlay color according to your Posts/ Pages/Product Images. Follow below steps to setup hover effect overlay color for post/page/product :

Setup Image overlay color according to Partucular Post

Step 1Go to Dashboard, Click Add New Post or page.
Step 2Enter Title and set Featured Image for the Post.
Step 3Then select the color for overlay using Set Featured Image overlay color box. (See below screenshot)
Step 4Enable the checkbox Use This Color As Priority.

Matched Hover Color
Step 5Then click on Publish button.

You’ll see hover effect color display only for your particular posts or pages.
Matched Hover Color

Video Tutorial