How to pick and differentiate a flat color?

When I am using Color Picker in Photoshop or Illustrator I am unable to get a Flat color. What are the things or basic points that I should keep in mind so that I am able to judge a color whether it is flat or not. Although flat color can be picked form websites such as


Picking a flat color is not my problem. I want to learn the skill needed to judge and differentiate a flat color from other.
Do all flat colors values follow a pattern ?(like specific hue and saturation).


This appears to be a misconception about ‘flat’ design.

The ‘Flat UI Colors’ from are simply colors that featured in the Flat UI Bootstrap theme, so named because it eschewed popular pseudo-depth effects created by gradients, drop shadows and bevels.

Flat design gets its name from the shapes used. Flat design employs a distinct two-dimensional style that is simply flat.

The concept works without embellishment – drop shadows, bevels, embossing, gradients or other tools that add depth. Every element or box, from image frames to buttons to navigational tools, is crisp and lacks feathered edges or shadows.

Color palettes for flat design projects often contain many more hues as well. While most color palettes focus on two or three colors at most, flat design palettes may use six to eight colors equally.

The hues tend to be vibrant – think about the purest colors from the color wheel – without tints or tones. Primary and secondary colors are popular. In addition certain types of colors are also used frequently; in this iteration of the flat design trend, retro colors – including salmon, purple, green and blue – are especially popular.

Source : Link , Question Author : affanBajwa , Answer Author : Community

Leave a Comment