November 12, 2023

How to make a monochromatic color palette

Adam Sebesta - Web Design & SEO Expert

Choose your main color

Find a hue you like and then in HEX color picker try to pick a color from this area:

HEX Area

This is gonna be the main color of your website. Every other color is gonna be derived from this one. I chose blue because it’s my favorite color.

Shades

Now let’s make all the necessary shades of your main color. Switch the color format from HEX to HSL.

HSL Color System

For the light colors the only thing you have to do is change the lightness. Start with 100 (white) and then make a shade with 95 lightness, then 80 for example etc.

Light Colors

Now for the dark colors do the same thing like with the light colors but with low lightness values. Just be careful and don’t use pure black. The contract between pure black and white is too big. Start with lightness = 10.

Dark Colors

And voilà. Your monochromatic color palette is completed.

Completed Color Palette

Need a professional website for your business?

Complete solution for your business
Website launched in 4 - 6 weeks
FREE design sample
Book a free consultation
Contact
Written by
Adam Šebesta - Web Design & SEO Expert

I help local businesses make more money through professional Webflow websites and SEO. Book a FREE strategy consultation and let's scale your business!

Related posts

Let's make you more money!

Schedule a free strategy consultation and let's see how a professional website could help you scale.

Book a strategy call