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
#77CC66
#8866CC
#CC66AA
#224D1A
#F1F4F1
Palette #1 Split
#82C270
#7082C2
#C27082
#27471F
#1F2747
Palette #2 Triadic
#CC666D
#66CC92
#66A0CC
#4D1A1D
#F4F1F1
Palette #3 Split
#699CC9
#C9696C
#C9C669
#1B354B
#F1F2F4
Palette #4 Split
#5278E0
#E07352
#BFE052
#0F2257
#F1F2F4
Palette #5 Split
#C6BB6C
#6CA3C6
#8F6CC6
#49441D
#F4F3F1
Palette #6 Split
#50E250
#50E274
#50E299
#50E2BE
#50E2E2
Palette #7 Analogous
#5E084E
#BC109C
#EF43CF
#F7A1E7
#FDE8F9
Palette #8 Monochromatic
#6BC7C2
#C26BC7
#C7C26B
#1C4A48
#481C4A
Palette #9 Triadic
#62BED0
#62A2D0
#6287D0
#626BD0
#7462D0
Palette #10 Analogous
#59D999
#59D9B9
#59D9D9
#59B9D9
#5999D9
Palette #11 Analogous
#3F7B1E
#86D75B
#E5E8E3
#AC5BD7
#5A1E7B
Palette #12 Complementary
#DB5797
#57DB59
#57D9DB
#541232
#F4F1F2
Palette #13 Split
#CB9167
#67CBC3
#676FCB
#4C2F1A
#F4F2F1
Palette #14 Split
#DA58DA
#DA58BA
#DA5899
#DA5878
#DA5858
Palette #15 Analogous
#70C281
#8170C2
#C28170
#1F4727
#271F47
Palette #16 Triadic
#3A2871
#8168CA
#E4E3E8
#B1CA68
#5F7128
Palette #17 Complementary
#45C0ED
#ED45C0
#C0ED45
#09475D
#5D0947
Palette #18 Triadic
#131A53
#2635A6
#5968D9
#ACB3EC
#EAECFA
Palette #19 Monochromatic
#411353
#8226A6
#B559D9
#DAACEC
#F6EAFA
Palette #20 Monochromatic
#154451
#2A88A2
#5DBBD5
#AEDDEA
#EBF7FA
Palette #21 Monochromatic
#9556DC
#B656DC
#D856DC
#DC56BF
#DC569D
Palette #22 Analogous
#115530
#23A95F
#56DC92
#AAEEC9
#EAFBF1
Palette #23 Monochromatic
#0D5859
#1AB0B3
#4DE3E5
#A6F1F2
#E9FBFC
Palette #24 Monochromatic
#440E8B
#8E45ED
#E5E3E8
#A4ED45
#558B0E
Palette #25 Complementary
#46E3EC
#46BAEC
#4691EC
#4667EC
#4F46EC
Palette #26 Analogous
#BF42F0
#CAF042
#42F068
#46085E
#F3F1F4
Palette #27 Split
#CAB568
#68CAB5
#B568CA
#4B411B
#1B4B41
Palette #28 Triadic
#C743EF
#C1EF43
#43EF71
#4A085E
#F3F1F4
Palette #29 Split
#64A5CE
#648BCE
#6470CE
#7264CE
#8D64CE
Palette #30 Analogous
#08085E
#1010BC
#4343EF
#A1A1F7
#E8E8FD
Palette #31 Monochromatic
#CF63A2
#A2CF63
#63A2CF
#4E1838
#384E18
Palette #32 Triadic
#36184E
#6B319B
#9E64CE
#CFB1E7
#F3ECF9
Palette #33 Monochromatic
#2B6E53
#6CC6A2
#E3E8E6
#C66C90
#6E2B46
Palette #34 Complementary
#3B8118
#82DE54
#E5E8E3
#B054DE
#5E1881
Palette #35 Complementary
#A862D0
#D0A862
#62D0A8
#3A174F
#4F3A17
Palette #36 Triadic
#4EE4DF
#DF4EE4
#E4DF4E
#0D5956
#560D59
Palette #37 Triadic
#158445
#50E28F
#E3E8E5
#E250A3
#841554
Palette #38 Complementary
#4B471B
#968E36
#C9C169
#E4E0B4
#F8F7EC
Palette #39 Monochromatic
#75E54D
#4FE54D
#4DE570
#4DE596
#4DE5BD
Palette #40 Analogous
#E4624E
#E4874E
#E4AD4E
#E4D34E
#D0E44E
Palette #41 Analogous
#345115
#68A12B
#9BD45E
#CDEAAE
#F2FAEB
Palette #42 Monochromatic
#D4725E
#5ED472
#725ED4
#511F15
#15511F
Palette #43 Triadic
#9E6BC7
#C79E6B
#6BC79E
#351C4A
#4A351C
Palette #44 Triadic
#55DDC9
#55D0DD
#55AEDD
#558BDD
#5569DD
Palette #45 Analogous
#E3E949
#4994E9
#9E49E9
#585B0B
#F3F4F1
Palette #46 Split
#782721
#D3675F
#E8E3E3
#5FCBD3
#217278
Palette #47 Complementary
#C2BF70
#B0C270
#9CC270
#87C270
#73C270
Palette #48 Analogous
#881141
#E94989
#E8E3E5
#49E9A9
#118858
Palette #49 Complementary
#4D451A
#998A33
#CCBD66
#E6DEB3
#F9F7EC
Palette #50 Monochromatic
#277821
#67D35F
#E3E8E3
#CB5FD3
#722178
Palette #51 Complementary
#E5A34D
#E5C94D
#DBE54D
#B5E54D
#8FE54D
Palette #52 Analogous
#5BD7C7
#D75BAA
#D7885B
#14524A
#F1F4F3
Palette #53 Split
#494CE9
#6F49E9
#9649E9
#BE49E9
#E649E9
Palette #54 Analogous
#180660
#300CC0
#633FF3
#B19FF9
#ECE7FD
Palette #55 Monochromatic
#6CC6C3
#C66C9C
#C6966C
#1D4948
#F1F4F3
Palette #56 Split
#CB6794
#CB677B
#CB6C67
#CB8567
#CB9E67
Palette #57 Analogous
#5D0910
#BB111F
#EE4452
#F6A2A9
#FDE8E9
Palette #58 Monochromatic
#7E1B7E
#DB57DB
#E8E3E8
#57DB57
#1B7E1B
Palette #59 Complementary
#135333
#26A666
#59D999
#ACECCC
#EAFAF2
Palette #60 Monochromatic
#CC6683
#66CC7C
#66B6CC
#4D1A28
#F4F1F2
Palette #61 Split
#EEAA44
#44EEAA
#AA44EE
#5D3B09
#095D3B
Palette #62 Triadic
#BDC46E
#A7C46E
#92C46E
#7CC46E
#6EC475
Palette #63 Analogous
#C46E8E
#C46E78
#C47A6E
#C48F6E
#C4A46E
Palette #64 Analogous
#47EB81
#D247EB
#EB4760
#0A5C27
#F1F4F2
Palette #65 Split
#56DCCD
#56CADC
#56A9DC
#5687DC
#5665DC
Palette #66 Analogous
#704229
#C88B6A
#E8E5E3
#6AA7C8
#295770
Palette #67 Complementary
#4C321A
#986434
#CB9767
#E5CBB3
#F8F2EC
Palette #68 Monochromatic
#5B72D7
#D7825B
#B0D75B
#141F52
#F1F1F4
Palette #69 Split
#257460
#64CEB4
#E3E8E7
#CE647E
#742539
Palette #70 Complementary
#55DDC2
#C255DD
#DDC255
#115548
#481155
Palette #71 Triadic
#150F57
#2A1EAE
#5D51E1
#AEA8F0
#EBE9FB
Palette #72 Monochromatic
#ECC046
#46C5EC
#6D46EC
#5C460A
#F4F3F1
Palette #73 Split
#85EF43
#5AEF43
#43EF57
#43EF82
#43EFAD
Palette #74 Analogous
#E44BE7
#E7E44B
#4BE7E4
#580C5A
#5A580C
Palette #75 Triadic
#314C1A
#639834
#96CB67
#CAE5B3
#F2F8EC
Palette #76 Monochromatic
#264173
#668ACC
#E3E5E8
#CCA866
#735826
Palette #77 Complementary
#51C9E1
#E15181
#E1B151
#0F4B57
#F1F3F4
Palette #78 Split
#861334
#E54D78
#E8E3E4
#4DE5BA
#138665
Palette #79 Complementary
#5E5808
#BCB010
#EFE343
#F7F1A1
#FDFCE8
Palette #80 Monochromatic
#D1CF61
#B7D161
#9BD161
#7FD161
#63D161
Palette #81 Analogous
#0B8E4A
#41F196
#E3E8E5
#F1419C
#8E0B4F
Palette #82 Complementary
#EB5A47
#EB8347
#EBAC47
#EBD547
#D8EB47
Palette #83 Analogous
#5FD3B6
#5FD3D3
#5FB6D3
#5F99D3
#5F7CD3
Palette #84 Analogous
#D3BE5F
#5FD3BE
#BE5FD3
#504516
#165045
Palette #85 Triadic
#1C5D7D
#59AED9
#E3E6E8
#D98459
#7D3C1C
Palette #86 Complementary
#5AD89B
#D85AD6
#D85C5A
#135334
#F1F4F2
Palette #87 Split
#1D8D0C
#5AEF43
#E4E8E3
#D843EF
#7C0C8D
Palette #88 Complementary
#52E0B8
#B852E0
#E0B852
#0F5742
#420F57
Palette #89 Triadic
#C3E949
#49C3E9
#E949C3
#485B0B
#0B485B
Palette #90 Triadic
#C37D6F
#C3926F
#C3A76F
#C3BC6F
#B5C36F
Palette #91 Analogous
#157384
#50CCE2
#E3E7E8
#E26650
#842615
Palette #92 Complementary
#71EE44
#47EE44
#44EE6C
#44EE96
#44EEC1
Palette #93 Analogous
#6C2D6C
#C36FC3
#E8E3E8
#6FC36F
#2D6C2D
Palette #94 Complementary
#300A5C
#6013B9
#9346EC
#C9A3F5
#F2E8FD
Palette #95 Monochromatic
#5B3C0B
#B67916
#E9AC49
#F4D5A4
#FCF5E8
Palette #96 Monochromatic
#C5B06D
#C3C56D
#ADC56D
#98C56D
#82C56D
Palette #97 Analogous
#6BAEC7
#C76B81
#C7B16B
#1C3E4A
#F1F3F4
Palette #98 Split
#EEE844
#C9EE44
#9FEE44
#74EE44
#4AEE44
Palette #99 Analogous
#471F3F
#8F3D7E
#C270B1
#E0B8D8
#F7EDF5
Palette #100 Monochromatic