The photo
A woman posted a picture of a dress she planned to wear to a wedding. She wanted a second opinion on the color. Within hours, the image had millions of views and people were arguing about it in offices, group chats, and dinner tables around the world.
The dress was, in reality, blue and black. But roughly a third of people who looked at the photo saw white and gold. Some people could see it both ways at different times of day.
We built a quick interactive color study in Figma to let you explore the photo and the colors involved. Try it below.
Why people saw different colors
The short answer is that your brain has to make a guess about the lighting in a scene before it can figure out the actual color of an object. And the photo had just enough ambiguity that different brains made different guesses.
This process is called color constancy. Your visual system does it constantly without you noticing. When you see a white piece of paper under a warm desk lamp, it looks white even though the light hitting your eyes is actually quite yellow. Your brain subtracts the warm light and arrives at "white." It works the same way outdoors in blue-ish daylight or under green fluorescents at the office.
The dress photo was overexposed and had washed-out lighting. There wasn't enough context for your brain to confidently determine the light source. So it had to pick one.
People whose brains assumed the dress was in warm, yellowish light subtracted that warmth and saw blue and black. People whose brains assumed the dress was in cool, blue-ish shadow subtracted that blue cast and saw white and gold. Neither group was wrong. They were just solving a different version of the same problem.
It's not just the dress
Color constancy comes up all the time in design work, even if it's less dramatic than a viral photo. A gray that looks neutral on a white background can look warm or cool depending on what's next to it. A button color that looks great on your monitor might read differently on a phone with True Tone enabled or Night Shift turned on.
This is part of why contrast ratios matter more than the specific colors you pick. A WCAG-compliant contrast ratio holds up across different screens, lighting conditions, and the quirks of individual perception. The actual hex value is less reliable than you might think.
Takeaway for designers: Never rely on color alone to communicate meaning. Pair it with text labels, icons, or other visual cues. Your users are literally seeing different things, and that's normal.
Perception is personal
Beyond color constancy, there are real biological differences in how people see color. The number and distribution of cone cells in the retina varies from person to person. Some people have more red-sensitive cones, some have more blue-sensitive cones. A small percentage of women are tetrachromats with four types of cone cells instead of the usual three, meaning they can perceive color distinctions that are invisible to everyone else.
Then there's color vision deficiency, which affects roughly 8% of men and 0.5% of women. The most common type makes it difficult to distinguish between red and green. There are also rare forms that affect blue-yellow perception or reduce color vision to near-grayscale.
All of this means that the color you see on screen is not the color everyone else sees. It's your brain's best interpretation given your biology, your screen, your lighting, and a lifetime of visual experience. The dress just made that obvious in a way nobody could ignore.
Tools for working with color
If you want to make sure your color choices hold up for a wide range of people and environments, we built a few things that can help:
Coco checks your color pairings against WCAG 2.0 contrast standards. Clip Mojo extracts color palettes from any website so you can analyze what's actually being used. And Harmony Generator helps you build palettes that work well together regardless of how your users' brains interpret the light.