What is a Pure Color?

Pure colors are colors that contain no admixture of white, black, or grey. When you see a hex code like #FF0000 or #00FF00, you are looking at a 100% saturated color at its absolute brightest.

Why shouldn't you use them? Pure colors rarely exist in nature. Because screens emit light, rendering a pure color literally blasts the user's retinas with maximum intensity. This causes eye strain, vibration against other colors, and immediately signals to the user that the UI is "amateur." Professional UI design requires nuance.

---

Rethinking Reds

Red is crucial for error states, but a pure red makes text unreadable and looks jarring. Soften your reds by mixing in a little black and dialing back the saturation.

Rethinking Oranges

Pure orange can be overly aggressive. Shift to deeper, burnt oranges for a more sophisticated, premium feel.

Nuanced Yellows

Pure yellow against a white background fails accessibility tests miserably. To fix this, shift your yellow slightly toward orange for better contrast.

Trustworthy Greens

Pure green looks radioactive. Tone down the green to make it look "earthy", calm, and trustworthy for success states.

Modern Cyans

Pure cyan is jarring. Soften your cyans to feel more modern, aquatic, and readable.

Deep Blues

Digital blue (#0000FF) looks like a default HTML link from the 1990s. Shift your blues to be deeper or more indigo.

Soft Purples

Pure magenta is notoriously harsh and looks like a missing texture error. Soften your purples to give a more elegant, vibrant touch.

The Biggest Sin: Pure Black

Never use #000000 for body text. It creates too much contrast against white, resulting in eye strain as users scroll through your site. Instead, use off-blacks that are tinted slightly (usually with a touch of blue, green, or purple depending on your brand).

Pure White

Instead of using harsh #FFFFFF backgrounds everywhere, try subtle warm or cool off-whites to give your UI a softer, elevated feeling.

Small tweaks to your color palette make an enormous difference in how users perceive the quality and trustworthiness of your software. By ditching pure colors, your app instantly looks more expensive, accessible, and refined. Design like the senior designers you admire. Open up your Figma file and update those hex codes today.