Color Picker Web

Color Palette Generator

Create, explore, and learn about beautiful color schemes for your next project.

Create Palette

#3b82f6

Advanced Palette Builder

Fine-tune, add, or remove colors to build your perfect custom palette.

A Standard Color Palette

A standard color palette typically consists of 3 to 6 colors. This usually includes 1 or 2 primary brand colors, a few secondary/accent colors, and neutral tones (like black, white, or gray). However, the exact number depends on your project's needs.

Recommended Color Breakdown

Using the common 60-30-10 rule ensures palettes look visually balanced rather than overwhelming:

60% Dominant Color

The base or neutral color (often background or large elements).

30% Secondary Color

Supporting colors (used for smaller elements or text).

10% Accent Color

A vibrant "pop" color used strictly for calls-to-action or important highlights.

Common Types of Color Palettes

Depending on the color theory you apply, palettes can be structured in different ways:

  • Monochromatic: Uses one base color along with its various tints and shades.
  • Analogous: Uses colors that are next to each other on the color wheel.
  • Complementary: Uses colors that are directly opposite each other on the color wheel for high contrast.
  • Triadic: Uses three evenly spaced colors on the wheel, balanced in a triangle.

If you'd like to explore premade color schemes or build your own, you can test out the interactive tools on the Coolors Color Palette Generator or browse ideas on the Figma Color Palettes platform.

1,000,000+ Curated Palettes

Infinite Scroll
#63F43E
#753EF4
#F43EBD
#186006
#F1F4F1
Palette #1 Split
#E54D6E
#E5524D
#E5784D
#E59E4D
#E5C44D
Palette #2 Analogous
#0B5B1E
#15B73B
#48EA6E
#A4F4B7
#E8FCED
Palette #3 Monochromatic
#871223
#E84A62
#E8E3E4
#4AE8D0
#128776
Palette #4 Complementary
#64ABCE
#CE64AB
#ABCE64
#183C4E
#4E183C
Palette #5 Triadic
#6799CB
#CB6799
#99CB67
#1A334C
#4C1A33
Palette #6 Triadic
#64DB57
#57DB6B
#57DB8C
#57DBAD
#57DBCE
Palette #7 Analogous
#EF43AA
#AAEF43
#43AAEF
#5E083C
#3C5E08
Palette #8 Triadic
#501640
#A02C7F
#D35FB2
#E9AFD9
#FAEBF5
Palette #9 Monochromatic
#CD658D
#8DCD65
#658DCD
#4D192D
#2D4D19
Palette #10 Triadic
#D26091
#60D267
#60CBD2
#50162F
#F4F1F2
Palette #11 Split
#776DC5
#C5A36D
#8FC56D
#221D49
#F1F1F4
Palette #12 Split
#421056
#8420AC
#B753DF
#DBA9EF
#F6E9FB
Palette #13 Monochromatic
#184E33
#309C66
#63CF99
#B1E7CC
#EBF9F2
Palette #14 Monochromatic
#4AE874
#C34AE8
#E84A6F
#0C5A21
#F1F4F2
Palette #15 Split
#74252F
#CE6472
#E8E3E4
#64CEC0
#25746A
Palette #16 Complementary
#C2C86A
#6A93C8
#9F6AC8
#474A1C
#F3F4F1
Palette #17 Split
#A9E74B
#82E74B
#5BE74B
#4BE763
#4BE789
Palette #18 Analogous
#1A5A7F
#56ABDC
#E3E6E8
#DC8756
#7F3F1A
Palette #19 Complementary
#47EB91
#E247EB
#EB4750
#0A5C2F
#F1F4F2
Palette #20 Split
#705ED4
#8D5ED4
#AB5ED4
#C85ED4
#D45EC2
Palette #21 Analogous
#4E8FE4
#E4584E
#DAE44E
#0D2E59
#F1F2F4
Palette #22 Split
#732634
#CC6679
#E8E3E4
#66CCB9
#267365
Palette #23 Complementary
#715B28
#CAAD68
#E8E7E3
#6885CA
#283E71
Palette #24 Complementary
#48A4EA
#EA48A4
#A4EA48
#0B385B
#5B0B38
Palette #25 Triadic
#66CCA7
#A766CC
#CCA766
#1A4D3A
#3A1A4D
Palette #26 Triadic
#855014
#E49E4E
#E8E6E3
#4E94E4
#144985
Palette #27 Complementary
#D75B5B
#5BD75B
#5B5BD7
#521414
#145214
Palette #28 Triadic
#4DBAE5
#E54DBA
#BAE54D
#0D4459
#590D44
Palette #29 Triadic
#DDE151
#B8E151
#94E151
#70E151
#51E155
Palette #30 Analogous
#C39F6F
#6FBDC3
#756FC3
#48361E
#F4F2F1
Palette #31 Split
#EA48AE
#5EEA48
#48EAD4
#5B0B3E
#F4F1F3
Palette #32 Split
#474A1C
#8F9537
#C2C86A
#E0E3B5
#F7F8EC
Palette #33 Monochromatic
#D0A662
#D0C162
#C3D062
#A8D062
#8CD062
Palette #34 Analogous
#E15183
#51E166
#51CCE1
#570F28
#F4F1F2
Palette #35 Split
#9964CE
#CECE64
#64CE64
#33184E
#F2F1F4
Palette #36 Split
#111D55
#2339A9
#566CDC
#AAB6EE
#EAEDFB
Palette #37 Monochromatic
#EBF141
#41EBF1
#F141EB
#5C5F07
#075C5F
Palette #38 Triadic
#54B5DE
#DE54B5
#B5DE54
#104156
#561041
Palette #39 Triadic
#DB9D57
#DBBF57
#D7DB57
#B6DB57
#95DB57
Palette #40 Analogous
#824EE4
#E4CE4E
#64E44E
#280D59
#F2F1F4
Palette #41 Split
#0F5748
#1EAE8F
#51E1C2
#A8F0E1
#E9FBF7
Palette #42 Monochromatic
#9362D0
#D09362
#62D093
#30174F
#4F3017
Palette #43 Triadic
#EDF33F
#3F93F3
#9F3FF3
#5D6006
#F3F4F1
Palette #44 Split
#150F8A
#5047EB
#E3E3E8
#E2EB47
#848A0F
Palette #45 Complementary
#896710
#EABC48
#E8E7E3
#4876EA
#103289
Palette #46 Complementary
#188121
#54DE5F
#E3E8E3
#DE54D3
#811878
Palette #47 Complementary
#0F5657
#1EACAE
#51DFE1
#A8EFF0
#E9FBFB
Palette #48 Monochromatic
#CC666D
#66CC92
#66A0CC
#4D1A1D
#F4F1F1
Palette #49 Split
#72CE64
#6472CE
#CE6472
#204E18
#18204E
Palette #50 Triadic
#1C454A
#388B94
#6BBEC7
#B5DEE3
#EDF7F8
Palette #51 Monochromatic
#CF6383
#83CF63
#6383CF
#4E1828
#284E18
Palette #52 Triadic
#CF639B
#65CF63
#63CFCD
#4E1834
#F4F1F2
Palette #53 Split
#677ECB
#CB677E
#7ECB67
#1A264C
#4C1A26
Palette #54 Triadic
#46F240
#4046F2
#F24046
#0A5F07
#070A5F
Palette #55 Triadic
#292A70
#696BC9
#E3E3E8
#C9C769
#706F29
Palette #56 Complementary
#E74BCD
#E74BA6
#E74B7F
#E74B58
#E7654B
Palette #57 Analogous
#1C7D2F
#58DA72
#E3E8E4
#DA58C0
#7D1C6A
Palette #58 Complementary
#44F141
#41F16A
#41F196
#41F1C2
#41F1EE
Palette #59 Analogous
#D85A66
#5AD88C
#5AA6D8
#53131A
#F4F1F1
Palette #60 Split
#6B93C7
#6B7CC7
#716BC7
#886BC7
#9F6BC7
Palette #61 Analogous
#CC6688
#88CC66
#6688CC
#4D1A2A
#2B4D1A
Palette #62 Triadic
#5D092F
#BB115E
#EE4491
#F6A2C8
#FDE8F1
Palette #63 Monochromatic
#D45E74
#D4665E
#D4835E
#D4A15E
#D4BE5E
Palette #64 Analogous
#53DFA2
#A253DF
#DFA253
#105638
#381056
Palette #65 Triadic
#AB40F2
#F2AB40
#40F2AB
#3C075F
#5F3C07
Palette #66 Triadic
#6058DA
#DAA258
#90DA58
#171254
#F1F1F4
Palette #67 Split
#1B194D
#35329A
#6865CD
#B4B2E6
#ECECF9
Palette #68 Monochromatic
#EEB544
#44EEB5
#B544EE
#5D4109
#095D41
Palette #69 Triadic
#C76BC2
#C76BAB
#C76B94
#C76B7D
#C7706B
Palette #70 Analogous
#563110
#AB6121
#DE9454
#EFCAA9
#FBF2EA
Palette #71 Monochromatic
#47E0EB
#EB47E0
#E0EB47
#0A565C
#5C0A56
Palette #72 Triadic
#4B65E7
#584BE7
#7F4BE7
#A64BE7
#CD4BE7
Palette #73 Analogous
#EFC443
#43C4EF
#6E43EF
#5E4808
#F4F3F1
Palette #74 Split
#551411
#AA2822
#DD5B55
#EEADAA
#FBEBEA
Palette #75 Monochromatic
#F240A5
#4CF240
#40F2E6
#5F0739
#F4F1F2
Palette #76 Split
#61D1CB
#D1619F
#D19361
#174F4C
#F1F4F3
Palette #77 Split
#512815
#A1502B
#D4835E
#EAC1AE
#FAF0EB
Palette #78 Monochromatic
#70D65C
#855CD6
#D65CAD
#1F5214
#F1F4F1
Palette #79 Split
#198415
#54E250
#E3E8E3
#DE50E2
#801584
Palette #80 Complementary
#501716
#9F2F2D
#D26260
#E9B0AF
#F9EBEB
Palette #81 Monochromatic
#7A8415
#D6E250
#E8E8E3
#5C50E2
#1F1584
Palette #82 Complementary
#54DE6D
#B254DE
#DE5480
#10561D
#F1F4F1
Palette #83 Split
#C16CC6
#9DC66C
#6CC695
#471D49
#F3F1F4
Palette #84 Split
#792066
#D45EBB
#E8E3E7
#5ED477
#207933
Palette #85 Complementary
#4A47EB
#EB4A47
#47EB4A
#0C0A5C
#5C0C0A
Palette #86 Triadic
#14523F
#28A47F
#5BD7B2
#ADEBD8
#EAFAF5
Palette #87 Monochromatic
#145235
#28A46A
#5BD79D
#ADEBCE
#EAFAF3
Palette #88 Monochromatic
#DC56B2
#B2DC56
#56B2DC
#55113F
#3F5511
Palette #89 Triadic
#7B46EC
#A446EC
#CD46EC
#EC46E1
#EC46B7
Palette #90 Analogous
#9CF042
#71F042
#45F042
#42F06B
#42F096
Palette #91 Analogous
#EE44CC
#77EE44
#44EEBB
#5D094C
#F4F1F3
Palette #92 Split
#5E0847
#BC108E
#EF43C1
#F7A1E0
#FDE8F7
Palette #93 Monochromatic
#D16163
#61D197
#619BD1
#4F1718
#F4F1F1
Palette #94 Split
#933FF3
#F3ED3F
#45F33F
#300660
#F2F1F4
Palette #95 Split
#D3DE54
#548DDE
#A554DE
#505610
#F3F4F1
Palette #96 Split
#158450
#50E29E
#E3E8E6
#E25094
#841549
Palette #97 Complementary
#E052C4
#C4E052
#52C4E0
#570F48
#48570F
Palette #98 Triadic
#6190D1
#6174D1
#6A61D1
#8661D1
#A261D1
Palette #99 Analogous
#67CB7D
#AF67CB
#CB6783
#1A4C25
#F1F4F2
Palette #100 Split