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
#70C2AB
#C270B0
#C28270
#1F473C
#F1F4F3
Palette #1 Split
#D6995C
#5CD6D6
#5C5CD6
#523314
#F4F2F1
Palette #2 Split
#5E7FD4
#5E62D4
#775ED4
#955ED4
#B35ED4
Palette #3 Analogous
#7F1F1A
#DC5C56
#E8E3E3
#56D6DC
#1A7A7F
Palette #4 Complementary
#D16186
#D1616A
#D17461
#D19061
#D1AC61
Palette #5 Analogous
#EA488E
#EA4866
#EA5348
#EA7B48
#EAA448
Palette #6 Analogous
#86C56D
#806DC5
#C56DB2
#29491D
#F2F4F1
Palette #7 Split
#C8B46A
#6AADC8
#856AC8
#4A401C
#F4F3F1
Palette #8 Split
#41F1BC
#41F1E8
#41CEF1
#41A2F1
#4176F1
Palette #9 Analogous
#511C7D
#9F59D9
#E6E3E8
#93D959
#487D1C
Palette #10 Complementary
#580E1A
#B01C34
#E34F67
#F1A7B3
#FCE9EC
Palette #11 Monochromatic
#45C3ED
#4599ED
#456FED
#4545ED
#6F45ED
Palette #12 Analogous
#5CD6BE
#BE5CD6
#D6BE5C
#145245
#451452
Palette #13 Triadic
#EA8948
#48EA89
#8948EA
#5B2B0B
#0B5B2B
Palette #14 Triadic
#C7BF6B
#B8C76B
#A1C76B
#8AC76B
#73C76B
Palette #15 Analogous
#8669C9
#C98669
#69C986
#291B4B
#4B291B
Palette #16 Triadic
#C270A9
#C27095
#C27081
#C27470
#C28970
Palette #17 Analogous
#251056
#4A21AB
#7D54DE
#BEA9EF
#EFEAFB
Palette #18 Monochromatic
#B4C46E
#9FC46E
#89C46E
#74C46E
#6EC47E
Palette #19 Analogous
#F43EB7
#5CF43E
#3EF4D6
#600642
#F4F1F3
Palette #20 Split
#BAF33F
#3F60F3
#D23FF3
#436006
#F3F4F1
Palette #21 Split
#D89D5A
#5AD89D
#9D5AD8
#533513
#135335
Palette #22 Triadic
#DFDB53
#C1DF53
#9EDF53
#7BDF53
#57DF53
Palette #23 Analogous
#88E250
#5088E2
#E25088
#2A580E
#0E2A58
Palette #24 Triadic
#54D0DE
#DE54D0
#D0DE54
#104F56
#56104F
Palette #25 Triadic
#101C89
#4859EA
#E3E3E8
#EAD948
#897D10
Palette #26 Complementary
#3FF3DE
#3FDBF3
#3FAEF3
#3F81F3
#3F54F3
Palette #27 Analogous
#6B5AD8
#D8AA5A
#88D85A
#1C1353
#F1F1F4
Palette #28 Split
#638BCF
#6370CF
#7163CF
#8C63CF
#A763CF
Palette #29 Analogous
#9CC56D
#86C56D
#70C56D
#6DC580
#6DC596
Palette #30 Analogous
#D07462
#62D0AB
#6287D0
#4F2117
#F4F1F1
Palette #31 Split
#DD55D7
#DD55B4
#DD5592
#DD5570
#DD5B55
Palette #32 Analogous
#3EF47B
#3EF4A8
#3EF4D6
#3EE5F4
#3EB7F4
Palette #33 Analogous
#C36F8A
#C36F75
#C37F6F
#C3936F
#C3A86F
Palette #34 Analogous
#49E97C
#7C49E9
#E97C49
#0B5B24
#240B5B
Palette #35 Triadic
#DD9B55
#55DD9B
#9B55DD
#553411
#115534
Palette #36 Triadic
#6271D0
#6F62D0
#8A62D0
#A662D0
#C162D0
Palette #37 Analogous
#3B4A1C
#779438
#AAC76B
#D4E3B5
#F4F8ED
Palette #38 Monochromatic
#907909
#F3D53F
#E8E7E3
#3F5DF3
#092090
Palette #39 Complementary
#872212
#E7604B
#E8E4E3
#4BD2E7
#127787
Palette #40 Complementary
#128712
#4BE74B
#E3E8E3
#E74BE7
#871287
Palette #41 Complementary
#4E73E4
#4E4EE4
#734EE4
#994EE4
#BF4EE4
Palette #42 Analogous
#1A4D30
#33995F
#66CC92
#B3E6C9
#ECF9F1
Palette #43 Monochromatic
#92C46E
#7CC46E
#6EC475
#6EC48B
#6EC4A0
Palette #44 Analogous
#483C1E
#91793B
#C4AC6E
#E1D5B7
#F8F5ED
Palette #45 Monochromatic
#4F46EC
#ECA146
#91EC46
#0E0A5C
#F1F1F4
Palette #46 Split
#4EE462
#624EE4
#E4624E
#0D5917
#170D59
Palette #47 Triadic
#53580E
#A6AF1D
#D9E250
#ECF1A7
#FAFBE9
Palette #48 Monochromatic
#D65CC6
#D65CA7
#D65C89
#D65C6A
#D66C5C
Palette #49 Analogous
#818E0B
#DEF042
#E8E8E3
#5442F0
#180B8E
Palette #50 Complementary
#D6CC5C
#C2D65C
#A3D65C
#85D65C
#66D65C
Palette #51 Analogous
#CC668D
#CC6674
#CC7266
#CC8B66
#CCA566
Palette #52 Analogous
#7D1C66
#D959BB
#E8E3E7
#59D977
#1C7D33
Palette #53 Complementary
#585F07
#AFBE0E
#E2F141
#F1F8A0
#FBFDE7
Palette #54 Monochromatic
#257438
#65CD7D
#E3E8E4
#CD65B5
#742561
Palette #55 Complementary
#551121
#A92342
#DC5675
#EEAABA
#FBEAEE
Palette #56 Monochromatic
#D4875E
#5ED487
#875ED4
#512A15
#15512A
Palette #57 Triadic
#317623
#74D062
#E4E8E3
#BE62D0
#682376
Palette #58 Complementary
#CF47EB
#EB47DD
#EB47B4
#EB478B
#EB4763
Palette #59 Analogous
#1B4B21
#359742
#68CA75
#B4E4BA
#ECF8EE
Palette #60 Monochromatic
#115543
#22AA86
#55DDB9
#AAEEDC
#EAFBF6
Palette #61 Monochromatic
#E54D9E
#E54D78
#E54D52
#E56E4D
#E5944D
Palette #62 Analogous
#C46E8E
#C46E78
#C47A6E
#C48F6E
#C4A46E
Palette #63 Analogous
#085E32
#0FBD63
#42F096
#A1F7CB
#E7FDF2
Palette #64 Monochromatic
#D8D05A
#5AA1D8
#915AD8
#534E13
#F4F3F1
Palette #65 Split
#185B81
#53ACDF
#E3E6E8
#DF8653
#813E18
Palette #66 Complementary
#5ED47B
#B75ED4
#D45E7B
#155124
#F1F4F2
Palette #67 Split
#E88C4A
#4AE88C
#8C4AE8
#5A2C0C
#0C5A2C
Palette #68 Triadic
#4599ED
#ED4599
#99ED45
#09335D
#5D0933
Palette #69 Triadic
#733626
#CC7A66
#E8E4E3
#66B8CC
#266373
Palette #70 Complementary
#54DE90
#D554DE
#DE545D
#10562E
#F1F4F2
Palette #71 Split
#875412
#E7A34B
#E8E6E3
#4B8FE7
#124587
Palette #72 Complementary
#5CB1D6
#D65CB1
#B1D65C
#143F52
#52143F
Palette #73 Triadic
#110A5C
#2113B9
#5446EC
#AAA3F5
#EAE8FD
Palette #74 Monochromatic
#6CC67D
#A96CC6
#C66C89
#1D4925
#F1F4F1
Palette #75 Split
#4A231C
#944638
#C7796B
#E3BCB5
#F8EEED
Palette #76 Monochromatic
#22773E
#60D286
#E3E8E5
#D260AC
#77225B
Palette #77 Complementary
#CF63B4
#7ECF63
#63CFB4
#4E1841
#F4F1F3
Palette #78 Split
#EC5146
#46EC51
#5146EC
#5C0F0A
#0A5C0F
Palette #79 Triadic
#5B150B
#B62916
#E95C49
#F4AEA4
#FCEBE8
Palette #80 Monochromatic
#E9C949
#E1E949
#B9E949
#91E949
#69E949
Palette #81 Analogous
#C39F6F
#C3B36F
#BDC36F
#A8C36F
#93C36F
Palette #82 Analogous
#9AC270
#86C270
#72C270
#70C283
#70C298
Palette #83 Analogous
#C058DA
#DAC058
#58DAC0
#471254
#544712
Palette #84 Triadic
#64CEA5
#CE64C2
#CE7064
#184E39
#F1F4F3
Palette #85 Split
#70C2BC
#BC70C2
#C2BC70
#1F4745
#451F47
Palette #86 Triadic
#0B5B57
#16B6AE
#49E9E1
#A4F4F0
#E8FCFB
Palette #87 Monochromatic
#8B0A8F
#EC40F2
#E8E3E8
#46F240
#0E8F0A
Palette #88 Complementary
#68ADCA
#6894CA
#687CCA
#6D68CA
#8568CA
Palette #89 Analogous
#245016
#49A02C
#7CD35F
#BDE9AF
#EFFAEB
Palette #90 Monochromatic
#DB7A57
#57DBBC
#5776DB
#542412
#F4F2F1
Palette #91 Split
#9964CE
#CECE64
#64CE64
#33184E
#F2F1F4
Palette #92 Split
#A55CD6
#CAD65C
#5CD668
#391452
#F3F1F4
Palette #93 Split
#543A12
#A87324
#DBA657
#EDD3AB
#FBF4EA
Palette #94 Monochromatic
#BB5ED4
#D45ED0
#D45EB3
#D45E95
#D45E77
Palette #95 Analogous
#190990
#543FF3
#E4E3E8
#DEF33F
#809009
Palette #96 Complementary
#46EC8E
#E146EC
#EC4651
#0A5C2D
#F1F4F2
Palette #97 Split
#70C2A9
#70C2BE
#70B1C2
#709DC2
#7089C2
Palette #98 Analogous
#70BEC2
#C270BE
#BEC270
#1F4547
#471F45
Palette #99 Triadic
#C362D0
#A6D062
#62D08C
#48174F
#F3F1F4
Palette #100 Split