Color palette generator method for website sections

I want to generate a color palette using 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.

enter image description here

I was inspired by this website ( 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 )
enter image description here

Second section (background color: #0A2D4D)
enter image description here

Third section (background color: #E8F3FF)
enter image description here

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) ?


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.

  1. Choose the monochromatic option

  2. Set the base colour (middle swatch) to #24855E. A palette will be generated.

  3. Change to HSB color model.

  4. If required, switch to the Custom option and move the saturation and brightness sliders to adjust the other colours.


enter image description here

Source : Link , Question Author : sparkle , Answer Author : Billy Kerr

Leave a Comment