https://www.w3schools.com/cssref/css_colors.php is the page I use to find the color codes.
Background color setup
I found I like to use this color #eceff1. In order to match up the page areas. In OceanWP, you need to set it at each location.
#eceff1 # Light grayish blue Customizing ▸ General Options Page Title : Background Color : #eceff1 Text Color: #2e8b57 Customizing ▸ General Options General Styling : Background Color : #eceff1 Customizing ▸ Header General : Background Color : #eceff1 Customizing ▸ Top Bar General : Background Color : #eceff1 Customizing Sidebar : Background Color : #eceff1 Customizing Footer Bottom : Background Color : #eceff1
Colors for the hyperlinks in CSS
The CSS code below allows for custom colors for html hyperlinks.
:link { color: #2E8B57; } #Sea Green
:visited { color: #551A8B; } #Purple4
Customizing ▸ General Options Page Title
Set the page title color in Text Color box
I set the color to Sea Green
Another location to set the hyperlinks is
Customizing ▸ General Options General Styling Link Colors Color is the hyperlink color I set to Sea Green: #2E8B57 Hover Color is set to purple4: #551A8B
Setting the menu colors is
Customizing ▸ Header Menu Link Color: is the hyperlink color I set to Sea Green: #2E8B57 Link Color : Hover: is set to purple4: #551A8B