UX

Default Colors for Windows, iOS, and Android

This is a quick reference for the standard colors for the major operating systems. Use a color picker to take the colors from these screenshots.

Windows 10


From the official style guide

Do not use the accent color as a background, especially for text and icons. Because the accent color can change, if you must use it as a background, there’s some additional work you must do to ensure that foreground text is easy to read.

By the way, there’s nothing for Fluent Design System yet.

iOS 10


Also from the Apple’s official style guide

  • Use complementary colors
  • Try choosing a limited color palette that coordinates with your logo
  • Consider having a key color that indicates interactivity throughout your app

Android

Material Design specification is a whole different story. They basically permit any color; Google only made a vague attempt to balance the colors by saturation. They pretty much succeeded, with the exception of brown, that looks foreign.



Taken from the Material Design Specification

A Few Things to Remember

Some people find it difficult to distinguish green color from red (red–green color blindness affects up to 8% of males and 0.5% of females). There are also forms of blue-yellow and gray (either color cannot be distinguished from gray) colorblindness. If you use these colors in a combination never employ color as the only way of differentiating UI elements—play with geo forms of the buttons, different fonts or layouts.

Keep in mind that in different countries there are cultural differences in how color is perceived. While in Europe or USA red color usually communicates danger (road signs, stop light etc.) in China red symbolizes good fortune and joy.

icons8

Recent Posts

I tested 11 AI website builders: are they the future or just a cheap design shortcut?

Think AI can build you a perfect website in seconds? I spent weeks testing the…

4 days ago

10 mockup resources that’ll make your clients throw money at you

Clients don't buy pixels—they buy vision. 10 mockup resources that'll transform your design presentations from…

2 weeks ago

Advanced prototyping, new font picker and file organization: Lunacy’s feature-packed update

Meet the Lunacy 11! Here's a rundown of the exciting features we've added to enhance…

2 weeks ago

Fashion retailers, end the return nightmare

We built an AI clothes changer to outfit over 70,000 football players. Now, we’re ready…

3 weeks ago

Dominate or die: how UX design destroys outdated processes

Killer UX transforms dying businesses. See precisely how intuitive interfaces slashed operational chaos and turned…

4 weeks ago

I spent $200 on ChatGPT Operator so you don’t have to (Seriously, don’t)

Robots doing all your work sounds perfect—until they’re stuck in loops, grabbing random tweets, and…

1 month ago

This website uses cookies.