Color for UI

Neutral Colors

It's important to consider how contrast will also be affected when using different colors for backgrounds and text.

Neutral colors, or hues with low lightness and/or saturation, make for good base colors as it allows you to add flourishes to the parts of the site where you want to direct the user's attention.

For example, similar to using a dark gray with white text, you can use a darker shade of a color with light colored text. Using a medium shade or tint of a color can be difficult to achieve the same result, as the contrast is lower.


Move on to the next lesson when you're ready!

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.