Next, let’s discuss default or structural colors. Almost every site you design will incorporate black, white, and shades of gray in some way. These default colors are used often as the color for text within your designs, as they provide plenty of contrast for reading and can fit into many other different color schemes.

When selecting the color of your text, it’s important to ensure the contrast is high enough for the text to be legible. However, too much contrast can also be an issue.

Pure black on white can be hard on the user’s eyes because of the stark contrast. Using a darker gray for text on a white background, or white text on a dark gray background, helps soften the feel while still providing clear enough contrast to be legible without issue.


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

Sign up to start coding

Mini Info Outline Icon
By signing up for Codecademy, you agree to Codecademy's Terms of Service & Privacy Policy.

Or sign up using:

Already have an account?