Frequent Colors in Flat UI Design Part 1 – Buttons

Welcome to the first part of this edition divided in 4, where I will be adding the most used colors in flat design, each part corresponding to buttons, backgrounds, box and elements. Flat design is a relatively new trend that is taking the web/mobile world by surprise. Reducing the complexity of the sites and focusing on what’s important, inviting the reader to interact with the site and clearly get the point you are trying to communicate, is what makes this trend a big leap in user interface and experience.

Big and simple call to action buttons with slightly rounded corners (or not) and a white text caption inside are common in flat design, so I picked some of the most used colours in those buttons, and placed them in the following boxes with their respective Hexadecimal value for you to copy and use.

#0066a0
#09a792
#0bcfb5
#1aaae1
#1aaae1
#1dada8
#34495e
#34b484
#3e745f
#42474a
#50c49f
#586161
#5a698a
#63c6ae
#6f628b
#76679b
#86bd4f
#a4dac0
#b0d355
#ba97c1
#bbbbbb
#c2ceb7
#db3c14
#e28178
#e85c41
#f27398
#f4594f
#f6a732
#f7505a
#f7837b
#faa928
#fbbd4d
#ff6b45
#ffcf40

The list is subjected to modifications and further additions as the need for more variety grows.

The next part will be about the most common colours chosen by designers for the backgrounds of their sites. Stay tuned, suggest colors, comment and share this post 🙂

Advertisements

One thought on “Frequent Colors in Flat UI Design Part 1 – Buttons

Ask, comment, or give feedback :)

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s