You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I would like to make the suggestion of removing the green tint from the background, and making the background pure gray, preferably 18% gray (also known as "middle gray": https://en.wikipedia.org/wiki/Middle_gray).
The Reasoning
The green tint in the background makes the app look very cool, but that color tint interferes with our perception of the colors in the palette. I've studied color theory and worked as a colorist in video production, and the colors surrounding the colors we're working with affect our perception of those colors.
More + Examples
Colors can be perceived darker, brighter, or even a different hue or saturation depending on the colors surrounding them. We can see those effects with optical illusions like the following ones showing the effect on brightness, where grays are exactly the same shade but other elements around them make them appear different shades:
(Block the highlight and shadow bevel in the middle, and the colors around the gray blocks to see the effect)
Thanks!
The text was updated successfully, but these errors were encountered:
Hello!
Suggestion
I would like to make the suggestion of removing the green tint from the background, and making the background pure gray, preferably 18% gray (also known as "middle gray": https://en.wikipedia.org/wiki/Middle_gray).
The Reasoning
The green tint in the background makes the app look very cool, but that color tint interferes with our perception of the colors in the palette. I've studied color theory and worked as a colorist in video production, and the colors surrounding the colors we're working with affect our perception of those colors.
More + Examples
Colors can be perceived darker, brighter, or even a different hue or saturation depending on the colors surrounding them. We can see those effects with optical illusions like the following ones showing the effect on brightness, where grays are exactly the same shade but other elements around them make them appear different shades:
(Block the highlight and shadow bevel in the middle, and the colors around the gray blocks to see the effect)


Thanks!
The text was updated successfully, but these errors were encountered: