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
#5D99D5
#D55D5D
#D5D55D
#153351
#F1F2F4
Palette #1 Split
#6EA4C4
#C46EA4
#A4C46E
#1E3948
#481E39
Palette #2 Triadic
#6AF240
#40F243
#40F270
#40F29C
#40F2C8
Palette #3 Analogous
#101256
#2024AC
#5357DF
#A9ABEF
#E9EAFB
Palette #4 Monochromatic
#7EF33F
#5A3FF3
#F33FD8
#266006
#F2F4F1
Palette #5 Split
#184B81
#5397DF
#E3E5E8
#DF9B53
#814E18
Palette #6 Complementary
#EA4853
#EA6648
#EA8E48
#EAB748
#EADF48
Palette #7 Analogous
#4EEA48
#9448EA
#EA489E
#0D5B0B
#F1F4F1
Palette #8 Split
#128727
#4AE867
#E3E8E4
#E84ACB
#871272
Palette #9 Complementary
#C5CA68
#ADCA68
#94CA68
#7CCA68
#68CA6D
Palette #10 Analogous
#5DD5BD
#D55DB1
#D5815D
#155145
#F1F4F3
Palette #11 Split
#4A1C37
#95376E
#C86AA1
#E3B5D0
#F8ECF3
Palette #12 Monochromatic
#666FCC
#7766CC
#9166CC
#AA66CC
#C466CC
Palette #13 Analogous
#5B1D7C
#AC5AD8
#E6E3E8
#86D85A
#3E7C1D
Palette #14 Complementary
#298F0A
#6AF240
#E4E8E3
#C840F2
#700A8F
Palette #15 Complementary
#C35DD5
#D5C35D
#5DD5C3
#481551
#514815
Palette #16 Triadic
#085E26
#10BC4C
#43EF7F
#A1F7BF
#E8FDEF
Palette #17 Monochromatic
#9449E9
#BB49E9
#E349E9
#E949C6
#E9499E
Palette #18 Analogous
#0E1858
#1D30AF
#5063E2
#A7B1F1
#E9ECFB
Palette #19 Monochromatic
#6D2C3F
#C56D87
#E8E3E4
#6DC5AB
#2C6D5A
Palette #20 Complementary
#81186C
#DF53C3
#E8E3E7
#53DF6F
#18812D
Palette #21 Complementary
#F43ED9
#D9F43E
#3ED9F4
#600653
#536006
Palette #22 Triadic
#E14BE7
#E7E14B
#4BE7E1
#570C5A
#5A570C
Palette #23 Triadic
#702936
#C9697B
#E8E3E4
#69C9B7
#297063
Palette #24 Complementary
#8C370D
#EE7D44
#E8E5E3
#44B5EE
#0D628C
Palette #25 Complementary
#271584
#674FE3
#E4E3E8
#CBE34F
#728415
Palette #26 Complementary
#5B0B3E
#B6167B
#E949AE
#F4A4D7
#FCE8F5
Palette #27 Monochromatic
#43CFEF
#EF43CF
#CFEF43
#084E5E
#5E084E
Palette #28 Triadic
#84153F
#E34F88
#E8E3E5
#4FE3AA
#15845A
Palette #29 Complementary
#4F1741
#9D2F82
#D062B5
#E8B0DA
#F9EBF6
Palette #30 Monochromatic
#6B552E
#C2A470
#E8E6E3
#708EC2
#2E446B
Palette #31 Complementary
#C365CD
#CDC365
#65CDC3
#48194D
#4D4819
Palette #32 Triadic
#AF70C2
#C2AF70
#70C2AF
#3E1F47
#473E1F
Palette #33 Triadic
#294270
#698BC9
#E3E5E8
#C9A769
#705729
Palette #34 Complementary
#4696EC
#EC4946
#E9EC46
#0A325C
#F1F2F4
Palette #35 Split
#4F1717
#9E2E2E
#D16161
#E8B0B0
#F9EBEB
Palette #36 Monochromatic
#9C67CB
#C8CB67
#67CB6A
#351A4C
#F2F1F4
Palette #37 Split
#DD558E
#8EDD55
#558EDD
#55112D
#2D5511
Palette #38 Triadic
#1C444A
#378895
#6ABBC8
#B5DDE3
#ECF7F8
Palette #39 Monochromatic
#56DCB2
#DC56C4
#DC6E56
#11553F
#F1F4F3
Palette #40 Split
#7C49E9
#E9CB49
#67E949
#240B5B
#F2F1F4
Palette #41 Split
#DB579D
#5BDB57
#57DBD7
#541235
#F4F1F2
Palette #42 Split
#314A1C
#619438
#94C76B
#CAE3B5
#F2F8ED
Palette #43 Monochromatic
#5764DB
#6B57DB
#8C57DB
#AD57DB
#CE57DB
Palette #44 Analogous
#602706
#C14E0B
#F4813E
#F9C09F
#FEEFE7
Palette #45 Monochromatic
#66CCC2
#CC66A3
#CC8F66
#1A4D47
#F1F4F3
Palette #46 Split
#6B522E
#C2A070
#E8E6E3
#7092C2
#2E476B
Palette #47 Complementary
#0D648C
#44B8EE
#E3E6E8
#EE7A44
#8C350D
Palette #48 Complementary
#680891
#BD3EF4
#E7E3E8
#75F43E
#319108
Palette #49 Complementary
#D8D05A
#5AA1D8
#915AD8
#534E13
#F4F3F1
Palette #50 Split
#555F07
#AABF0D
#DDF240
#EEF8A0
#FBFDE7
Palette #51 Monochromatic
#430F57
#851EAE
#B851E1
#DCA8F0
#F6E9FB
Palette #52 Monochromatic
#0A415C
#1481B8
#47B4EB
#A3DAF5
#E8F6FC
Palette #53 Monochromatic
#F33FC9
#6FF33F
#3FF3C3
#60064B
#F4F1F3
Palette #54 Split
#407EF2
#F25B40
#D7F240
#07265F
#F1F2F4
Palette #55 Split
#236976
#62C0D0
#E3E7E8
#D07262
#763023
Palette #56 Complementary
#654FE3
#E3AF4F
#83E34F
#190E58
#F1F1F4
Palette #57 Split
#6A8019
#C0DD55
#E7E8E3
#7255DD
#2F1980
Palette #58 Complementary
#6288D0
#D07262
#C0D062
#172B4F
#F1F2F4
Palette #59 Split
#163050
#2C60A0
#5F93D3
#AFC9E9
#EBF2FA
Palette #60 Monochromatic
#532113
#A54227
#D8755A
#ECBAAC
#FAEEEA
Palette #61 Monochromatic
#3F0E58
#7E1DAF
#B150E2
#D8A7F1
#F5E9FB
Palette #62 Monochromatic
#6192D1
#D16192
#92D161
#172F4F
#4F172F
Palette #63 Triadic
#6F83C3
#716FC3
#856FC3
#9A6FC3
#AF6FC3
Palette #64 Analogous
#554111
#AA8122
#DDB455
#EEDAAA
#FBF6EA
Palette #65 Monochromatic
#844315
#E28D50
#E8E5E3
#50A5E2
#155684
Palette #66 Complementary
#632970
#B769C9
#E7E3E8
#7BC969
#367029
Palette #67 Complementary
#268118
#66DE54
#E4E8E3
#CC54DE
#731881
Palette #68 Complementary
#11883F
#49E986
#E3E8E5
#E949AC
#88115A
Palette #69 Complementary
#561410
#AB2821
#DE5B54
#EFADA9
#FBEAEA
Palette #70 Monochromatic
#4E2574
#9B64CE
#E6E3E8
#97CE64
#4B7425
Palette #71 Complementary
#181089
#5348EA
#E3E3E8
#DFEA48
#818910
Palette #72 Complementary
#494E18
#929B31
#C5CE64
#E2E7B1
#F8F9EC
Palette #73 Monochromatic
#C1C46E
#6E96C4
#9C6EC4
#47481E
#F3F4F1
Palette #74 Split
#5363DF
#DF5363
#63DF53
#101856
#561018
Palette #75 Triadic
#C76BB1
#84C76B
#6BC7AE
#4A1C3F
#F4F1F3
Palette #76 Split
#561056
#AC20AC
#DF53DF
#EFA9EF
#FBE9FB
Palette #77 Monochromatic
#13534E
#26A69C
#59D9CF
#ACECE7
#EAFAF9
Palette #78 Monochromatic
#A3E250
#7EE250
#59E250
#50E26A
#50E28F
Palette #79 Analogous
#5B0B0C
#B71518
#EA484B
#F4A4A5
#FCE8E9
Palette #80 Monochromatic
#0B8E30
#42F073
#E3E8E4
#F042BF
#8E0B69
Palette #81 Complementary
#EA5048
#48EAA1
#4891EA
#5B0F0B
#F4F1F1
Palette #82 Split
#CDAA65
#65BCCD
#7665CD
#4D3C19
#F4F3F1
Palette #83 Split
#83164E
#E1519B
#E8E3E6
#51E197
#16834B
Palette #84 Complementary
#99D85A
#79D85A
#5AD85A
#5AD879
#5AD899
Palette #85 Analogous
#2C386D
#6D7DC5
#E3E4E8
#C5B56D
#6D612C
Palette #86 Complementary
#7B59D9
#D97B59
#59D97B
#241353
#532413
Palette #87 Triadic
#CBD161
#AFD161
#93D161
#77D161
#61D167
Palette #88 Analogous
#65CDA2
#65CDBC
#65C4CD
#65AACD
#6590CD
Palette #89 Analogous
#1E0B5B
#3C16B6
#6F49E9
#B7A4F4
#EDE8FC
Palette #90 Monochromatic
#4C1A27
#98344F
#CB6782
#E5B3C0
#F8ECEF
Palette #91 Monochromatic
#6141F1
#F16141
#41F161
#17075F
#5F1707
Palette #92 Triadic
#701A7F
#C856DC
#E7E3E8
#6ADC56
#297F1A
Palette #93 Complementary
#49E9B1
#E949D1
#E96149
#0B5B3F
#F1F4F3
Palette #94 Split
#4F6AE3
#E37E4F
#B4E34F
#0E1B58
#F1F1F4
Palette #95 Split
#5BD77E
#7E5BD7
#D77E5B
#145226
#261452
Palette #96 Triadic
#C27092
#92C270
#7092C2
#471F30
#30471F
Palette #97 Triadic
#5BD7A5
#D75BCB
#D7675B
#145239
#F1F4F3
Palette #98 Split
#C97C69
#C99469
#C9AC69
#C9C469
#B6C969
Palette #99 Analogous
#702958
#C969A9
#E8E3E6
#69C989
#297041
Palette #100 Complementary