Learn
Color Theory

Monochromatic Designs

The most basic color scheme possible utilizes a single color with varying shades and tints to create a monochromatic palette.

Each color in the scheme is derived from the base color. While all elements within the design may feel similar, you can help eliminate the monotonous feeling with high contrast. This means when you are selecting a monochromatic color scheme, it’s important to select a much lighter and much darker shade of the main color.

These monochromatic color schemes are beneficial in that they provide an organized impression when applied to your designs. The use of a single color can provide an immediate sense of harmony.

Monochromatic schemes can also consist of black and white, with varying shades of gray, as you see in our current site. However, let’s enhance it by selecting a different base color and applying a monochromatic color scheme to our website!

Community Forums
Get help and ask questions in the Codecademy Forums
Report a Bug
If you see a bug or any other issue with this page, please report it here.