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.


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.