Learn
Color for UI
Default Colors

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.

Instructions

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

Folder Icon

Sign up to start coding

Already have an account?