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
#216278
#5FB6D3
#E3E7E8
#D37C5F
#783721
Palette #1 Complementary
#F27640
#40F2CE
#4064F2
#5F2107
#F4F2F1
Palette #2 Split
#6BC791
#916BC7
#C7916B
#1C4A2F
#2F1C4A
Palette #3 Triadic
#0C8D35
#43EF7A
#E3E8E5
#EF43B8
#8D0C64
Palette #4 Complementary
#F240A5
#A5F240
#40A5F2
#5F0739
#395F07
Palette #5 Triadic
#9564CE
#CECB64
#67CE64
#31184E
#F2F1F4
Palette #6 Split
#2E8E0B
#70F141
#E4E8E3
#C241F1
#6B0B8E
Palette #7 Complementary
#97DF53
#5397DF
#DF5397
#325610
#103256
Palette #8 Triadic
#DC8956
#56DC89
#8956DC
#552B11
#11552B
Palette #9 Triadic
#6EC4A0
#A06EC4
#C4A06E
#1E4837
#371E48
Palette #10 Triadic
#4F4417
#9D892F
#D0BC62
#E8DDB0
#F9F7EB
Palette #11 Monochromatic
#A456DC
#D1DC56
#56DC61
#391155
#F2F1F4
Palette #12 Split
#1E4748
#3B8E91
#6EC1C4
#B7E0E1
#EDF7F8
Palette #13 Monochromatic
#5AD8C5
#5ACCD8
#5AACD8
#5A8CD8
#5A6DD8
Palette #14 Analogous
#DF53D8
#D8DF53
#53D8DF
#561053
#535610
Palette #15 Triadic
#9BC76B
#6B9BC7
#C76B9B
#344A1C
#1C344A
Palette #16 Triadic
#1C2F7D
#5872DA
#E3E4E8
#DAC058
#7D6A1C
Palette #17 Complementary
#838910
#E2EA48
#E8E8E3
#5048EA
#161089
Palette #18 Complementary
#5F0740
#BE0E80
#F141B3
#F8A0D9
#FDE7F6
Palette #19 Monochromatic
#F3AE3F
#F3DB3F
#DEF33F
#B1F33F
#84F33F
Palette #20 Analogous
#525EE0
#E08D52
#A5E052
#0F1557
#F1F1F4
Palette #21 Split
#6778CB
#CB8867
#AACB67
#1A224C
#F1F1F4
Palette #22 Split
#5B330B
#B76615
#EA9948
#F4CCA4
#FCF2E8
Palette #23 Monochromatic
#62D0CC
#62B8D0
#629DD0
#6281D0
#6266D0
Palette #24 Analogous
#D16761
#61D167
#6761D1
#4F1A17
#174F1A
Palette #25 Triadic
#0E648B
#45B8ED
#E3E6E8
#ED7A45
#8B350E
Palette #26 Complementary
#6BC7C2
#C26BC7
#C7C26B
#1C4A48
#481C4A
Palette #27 Triadic
#43EF6E
#C443EF
#EF436E
#085E1E
#F1F4F2
Palette #28 Split
#46EC51
#46EC7B
#46ECA4
#46ECCD
#46E1EC
Palette #29 Analogous
#1C464A
#378C95
#6ABFC8
#B5DFE3
#ECF7F8
Palette #30 Monochromatic
#D85A60
#60D85A
#5A60D8
#531317
#175313
Palette #31 Triadic
#0D5948
#1BB191
#4EE4C4
#A6F2E1
#E9FCF8
Palette #32 Monochromatic
#0D075F
#1A0EBE
#4D41F1
#A6A0F8
#E9E7FD
Palette #33 Monochromatic
#5C1287
#AE4AE8
#E6E3E8
#84E84A
#3D8712
Palette #34 Complementary
#8361D1
#9F61D1
#BB61D1
#D161CB
#D161AF
Palette #35 Analogous
#926DC5
#A86DC5
#BE6DC5
#C56DB6
#C56DA0
Palette #36 Analogous
#7352E0
#E0BA52
#78E052
#200F57
#F2F1F4
Palette #37 Split
#9C49E9
#C349E9
#E949E6
#E949BE
#E94996
Palette #38 Analogous
#DB57BC
#7ADB57
#57DBB8
#541245
#F4F1F3
Palette #39 Split
#5C0A1A
#B91334
#EC4667
#F5A3B3
#FDE8EC
Palette #40 Monochromatic
#311A4C
#613498
#9467CB
#CAB3E5
#F2ECF8
Palette #41 Monochromatic
#43075F
#870DBF
#BA40F2
#DCA0F8
#F6E7FD
Palette #42 Monochromatic
#862213
#E5614D
#E8E4E3
#4DD1E5
#137786
Palette #43 Complementary
#C5E74B
#4B77E7
#BB4BE7
#495A0C
#F3F4F1
Palette #44 Split
#DB7C57
#57DB7C
#7C57DB
#542512
#125425
Palette #45 Triadic
#271A4C
#4F3498
#8267CB
#C0B3E5
#EFECF8
Palette #46 Monochromatic
#707F1A
#C8DC56
#E7E8E3
#6A56DC
#291A7F
Palette #47 Complementary
#50E2B9
#E250C3
#E26F50
#0E5843
#F1F4F3
Palette #48 Split
#7C1D58
#D85AA8
#E8E3E6
#5AD88A
#1D7C41
Palette #49 Complementary
#97DE54
#5654DE
#DE54DC
#325610
#F2F4F1
Palette #50 Split
#EABF48
#48C4EA
#6E48EA
#5B460B
#F4F3F1
Palette #51 Split
#257431
#64CE74
#E3E8E4
#CE64BE
#742568
Palette #52 Complementary
#314B1B
#639735
#96CA68
#CAE4B4
#F2F8EC
Palette #53 Monochromatic
#BDC66C
#A6C66C
#90C66C
#7AC66C
#6CC675
Palette #54 Analogous
#6FE250
#506FE2
#E2506F
#1E580E
#0E1E58
Palette #55 Triadic
#E84AA6
#A6E84A
#4AA6E8
#5A0C3A
#3A5A0C
Palette #56 Triadic
#4FEC46
#46EC67
#46EC91
#46ECBA
#46ECE3
Palette #57 Analogous
#59D968
#6859D9
#D96859
#13531A
#1A1353
Palette #58 Triadic
#CBF141
#4173F1
#BF41F1
#4C5F07
#F3F4F1
Palette #59 Split
#095D1B
#11BB36
#44EE69
#A2F6B4
#E8FDEC
Palette #60 Monochromatic
#B4E250
#506AE2
#C850E2
#40580E
#F3F4F1
Palette #61 Split
#B764CE
#CE64CB
#CE64B0
#CE6495
#CE647B
Palette #62 Analogous
#C656DC
#AFDC56
#56DC83
#491155
#F3F1F4
Palette #63 Split
#72C66C
#6C72C6
#C66C72
#20491D
#1D2049
Palette #64 Triadic
#C27085
#C27070
#C28570
#C29970
#C2AD70
Palette #65 Analogous
#258217
#65E052
#E4E8E3
#CD52E0
#741782
Palette #66 Complementary
#55C2DD
#DD55C2
#C2DD55
#114855
#551148
Palette #67 Triadic
#EA8448
#48EA84
#8448EA
#5B280B
#0B5B28
Palette #68 Triadic
#7245ED
#EDC645
#6CED45
#1F095D
#F2F1F4
Palette #69 Split
#CD6578
#78CD65
#6578CD
#4D1923
#234D19
Palette #70 Triadic
#D6745C
#5CD674
#745CD6
#522114
#145221
Palette #71 Triadic
#504316
#A0852C
#D3B85F
#E9DCAF
#FAF6EB
Palette #72 Monochromatic
#53EA48
#8E48EA
#EA48A4
#105B0B
#F1F4F1
Palette #73 Split
#8E230B
#F16141
#E8E4E3
#41D1F1
#0B768E
Palette #74 Complementary
#487BEA
#EA6648
#CCEA48
#0B245B
#F1F2F4
Palette #75 Split
#EFC443
#43EFC4
#C443EF
#5E4808
#085E48
Palette #76 Triadic
#600619
#C10B33
#F43E66
#F99FB2
#FEE7EC
Palette #77 Monochromatic
#D0BA62
#62AFD0
#8362D0
#4F4417
#F4F3F1
Palette #78 Split
#68EF43
#43EF49
#43EF74
#43EF9F
#43EFCA
Palette #79 Analogous
#1C7D61
#59D9B5
#E3E8E7
#D9597D
#7D1C38
Palette #80 Complementary
#74256B
#CE64C2
#E8E3E7
#64CE70
#25742E
Palette #81 Complementary
#8DC76B
#6B8DC7
#C76B8D
#2D4A1C
#1C2D4A
Palette #82 Triadic
#65CDA5
#CD65C1
#CD7165
#194D39
#F1F4F3
Palette #83 Split
#91E54D
#4D91E5
#E54D91
#2F590D
#0D2F59
Palette #84 Triadic
#421056
#8421AB
#B754DE
#DBA9EF
#F6EAFB
Palette #85 Monochromatic
#36471F
#6B8F3D
#9EC270
#CFE0B8
#F3F7ED
Palette #86 Monochromatic
#6B2178
#C25FD3
#E7E3E8
#70D35F
#2E7821
Palette #87 Complementary
#E94994
#49E94F
#49E3E9
#5B0B30
#F4F1F2
Palette #88 Split
#66CCC7
#C766CC
#CCC766
#1A4D4A
#4A1A4D
Palette #89 Triadic
#E9BB49
#E9E349
#C6E949
#9EE949
#77E949
Palette #90 Analogous
#D6C45C
#5CD6C4
#C45CD6
#524814
#145248
Palette #91 Triadic
#884B11
#E99649
#E8E5E3
#499CE9
#114E88
Palette #92 Complementary
#C5F141
#41C5F1
#F141C5
#495F07
#07495F
Palette #93 Triadic
#6E2772
#C667CB
#E8E3E8
#6CCB67
#2B7227
Palette #94 Complementary
#DA5897
#97DA58
#5897DA
#541232
#325412
Palette #95 Triadic
#C56D7D
#7DC56D
#6D7DC5
#491D25
#25491D
Palette #96 Triadic
#BEDA58
#9DDA58
#7DDA58
#5CDA58
#58DA74
Palette #97 Analogous
#48095D
#9012BA
#C345ED
#E1A2F6
#F7E8FD
Palette #98 Monochromatic
#485BEA
#EA485B
#5BEA48
#0B145B
#5B0B14
Palette #99 Triadic
#6E322B
#C6756C
#E8E3E3
#6CBDC6
#2B676E
Palette #100 Complementary