White color: meaning, psychology, shades and combinations

White is often associated with concepts such as:

In color psychology, white conveys order, calm and a sense of spaciousness. It helps reduce visual noise and supports focus, which is why it is often used in minimalist interfaces and spaces where clarity is a priority.

The emotions it usually evokes are:

White is present in almost every design-related discipline. It is commonly found in:

Although it may seem like a single color, there are many whites in HTML and CSS. Among the best known are:

White pairs with practically any color on the color wheel. Some especially popular combinations are:

White has no complementary color on the color wheel, since it is considered an achromatic color, like black and grays. Its main advantage is that it can combine with almost any color without visual conflicts.

White acts as a supporting color within any chromatic harmony. The harmonies on this page use the same logic as Matiz’s Color Wheel and Palette Generator.

Variations are generated with the same Matiz studio functions. For whites, the most useful ones are lightness scales and warm or cool nuances:

Palettes with white convey elegance, cleanliness and minimalism. Some popular combinations are:

White offers excellent contrast on dark colors, making it ideal for text and components in dark-mode interfaces.

However, white text on light backgrounds can hinder reading. For that reason, it is recommended to always check contrast against WCAG guidelines.

Ensuring good accessibility improves the experience for all users.

White works very well as a transition point in soft gradients. Some common combinations are:

White is the foundation of most modern interfaces thanks to its ability to improve readability and organize content. Its use helps create clean, modern interfaces that are easy to navigate.