Color Combos

Online Resources

Use one of the online tools listed below to start working with colors and building your own color schemes.

Paletton – This tool can help you quickly build palettes that work well. You can easily switch between the various color schemes and it automatically suggests secondary colors to go along with your primary color scheme. It can also export the color values to a bunch of different formats, including HTML and CSS.

Coolors – This is a fun website that lets you generate random schemes whenever you hit the space bar. You can then refine and remake them to your liking. It also lets you browse through color schemes that were recently-created by other designers.

Adobe Color – This is Adobe’s color tool. It is linked to your Adobe Creative Cloud account and can be accessed via most Adobe apps.


Color Scheme Examples

Feeling stuck? Try one of the color scheme examples below.

Triad Color Scheme 1

color_combo1color_combo1_example1

color_combo1_example2

color_combo1_example3

Triad Color Scheme 2

color_combo2

color_combo2_example1color_combo2_example2

color_combo2_example3

Triad Color Scheme 3

color_combo3

color_combo3_example1

color_combo3_example2

color_combo3_example3

Triad Color Scheme 4

color_combo4

color_combo4_example1

color_combo4_example2

color_combo4_example3

Tetrad Color Scheme 1

color_combo5

color_combo5_example1

color_combo5_example2

color_combo5_example3

Tetrad Color Scheme 2

color_combo6

color_combo6_example1

color_combo6_example2

color_combo6_example3

Tetrad Color Scheme 3

color_combo7

color_combo7_example1

color_combo7_example2

color_combo7_example3

Tetrad Color Scheme 4

color_combo8

color_combo8_example1

color_combo8_example2

color_combo8_example3

Other Color Scheme 1

color_combo9

color_combo9_example1

color_combo9_example2

color_combo9_example3

Other Color Scheme 2

color_combo10color_combo10_example1

color_combo10_example2

color_combo10_example3

Other Color Scheme 3

color_combo11

color_combo11_example1

color_combo11_example1

color_combo11_example3

Other Color Scheme 4

color_combo12

color_combo12_example1

color_combo12_example2

color_combo12_example3

Other Color Scheme 5

color_combo13

color_combo13_example1

color_combo13_example2

color_combo13_example3

Other Color Scheme 6

color_combo14

color_combo14_example1

color_combo14_example2

color_combo14_example3

Other Color Scheme 7

color_combo15

color_combo15_example1

color_combo15_example2

color_combo15_example3

Other Color Scheme 8

color_combo16

color_combo16_example1

color_combo16_example2

color_combo16_example3

Other Color Scheme 9

color_combo17

color_combo17_example1

color_combo17_example2

color_combo17_example3

Other Color Scheme 10

color_combo18

color_combo18_example1color_combo18_example2color_combo18_example3

Other Color Scheme 11

color_combo19

color_combo19_example1

color_combo19_example2

color_combo19_example3

Other Color Scheme 12

color_combo20

color_combo20_example1

color_combo20_example2

color_combo20_example3

Other Color Scheme 13

color_combo21

color_combo21_example1

color_combo21_example2

color_combo21_example3

Other Color Scheme 14

color_combo22

color_combo22_example1

color_combo22_example2

color_combo22_example3

Other Color Scheme 15

color_combo23

color_combo23_example1

color_combo23_example2

color_combo23_example3

Other Color Scheme 16

color_combo24

color_combo24_example1

color_combo24_example2

color_combo24_example3

 

Next: Refining Color Value