I want to generate a color palette using coolors.co using this green color (#24855E) as a starting point but I don’t know which option to select to generate a palete like the example below.
I was inspired by this website (https://1password.com/) which has a starting color of blu found in the logo (#1471CE) then the background sections are different colors such as:
Hero header section (background color: #0372EC )
Second section (background color: #0A2D4D)
Third section (background color: #E8F3FF)
What generator method should I use to get similar 3 shades of blu but, instead of using #1471CE as a starting color, using this green (#24855E) ?
Answer
Sounds like you want a monochromatic palette with a base colour of #24855E. I tried using the site you linked to but can’t work out how to do it. Maybe I’m too stupid, but it shouldn’t be this difficult.
You could do it using the Adobe Color site however. The service is free. I have no affiliation with Adobe or the Adobe Color website.
-
Choose the monochromatic option
-
Set the base colour (middle swatch) to #24855E. A palette will be generated.
-
Change to HSB color model.
-
If required, switch to the Custom option and move the saturation and brightness sliders to adjust the other colours.
Example
Attribution
Source : Link , Question Author : sparkle , Answer Author : Billy Kerr