Different dropdown background color for each navigation folder?

Hi there, I'm looking to change the background color of each individual drop-down folder in my navigation menu. This code changes the color for all the folders:

.header-nav-folder-content {

   background: #F7D4AA !important;

}

But I'd like to have a different color for each folder when it drops down. My website is not published but here's a screenshot to show what I'm talking about (when I hover over "Yums")

9 hours ago, sarah_lmey said:

Hi there, I'm looking to change the background color of each individual drop-down folder in my navigation menu. This code changes the color for all the folders:

.header-nav-folder-content {

   background: #F7D4AA !important;

}

But I'd like to have a different color for each folder when it drops down. My website is not published but here's a screenshot to show what I'm talking about (when I hover over "Yums")

 

You can take note of the folder slug url and use it to identify different folder, below code change color of the folder with url slug /abouts

.header-nav-folder-title[href*="/abouts"] + .header-nav-folder-content {
  background-color: red !important;
}

This works PERFECTLY! Thank you so much!!