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
#8D2F0C
#EF7143
#E8E4E3
#43C1EF
#0C6A8D
Palette #1 Complementary
#6CC687
#6CC69D
#6CC6B4
#6CC1C6
#6CABC6
Palette #2 Analogous
#855214
#E4A14E
#E8E6E3
#4E91E4
#144785
Palette #3 Complementary
#B4D35F
#97D35F
#7AD35F
#5FD361
#5FD37E
Palette #4 Analogous
#C9C469
#B6C969
#9EC969
#86C969
#6EC969
Palette #5 Analogous
#DAA658
#DAC758
#CDDA58
#ADDA58
#8CDA58
Palette #6 Analogous
#C7EF43
#43C7EF
#EF43C7
#4A5E08
#084A5E
Palette #7 Triadic
#4AE86A
#B84AE8
#E84A7A
#0C5A1B
#F1F4F1
Palette #8 Split
#CF8063
#CF9B63
#CFB663
#CDCF63
#B2CF63
Palette #9 Analogous
#A068CA
#CAA068
#68CAA0
#361B4B
#4B361B
Palette #10 Triadic
#085E0C
#10BC19
#43EF4C
#A1F7A5
#E8FDE9
Palette #11 Monochromatic
#975DD5
#B55DD5
#D35DD5
#D55DB9
#D55D9B
Palette #12 Analogous
#9064CE
#AB64CE
#C564CE
#CE64BC
#CE64A2
Palette #13 Analogous
#152C51
#2B58A1
#5E8BD4
#AEC5EA
#EBF1FA
Palette #14 Monochromatic
#22775F
#61D1B1
#E3E8E7
#D16181
#77223A
Palette #15 Complementary
#DA58AD
#ADDA58
#58ADDA
#54123D
#3D5412
Palette #16 Triadic
#217178
#5FC9D3
#E3E8E8
#D3695F
#782821
Palette #17 Complementary
#47431F
#8F873D
#C2BA70
#E0DCB8
#F7F6ED
Palette #18 Monochromatic
#47BCEB
#EB476B
#EBC747
#0A455C
#F1F3F4
Palette #19 Split
#B0CD65
#657CCD
#B665CD
#3E4D19
#F3F4F1
Palette #20 Split
#5D3309
#BA6612
#ED9945
#F6CCA2
#FDF2E8
Palette #21 Monochromatic
#4EE45D
#4EE482
#4EE4A8
#4EE4CE
#4ED5E4
Palette #22 Analogous
#BF4EE4
#E44EE4
#E44EBF
#E44E99
#E44E73
Palette #23 Analogous
#0B8E2E
#42F071
#E3E8E4
#F042C1
#8E0B6B
Palette #24 Complementary
#0A075F
#140EBE
#4741F1
#A3A0F8
#E8E7FD
Palette #25 Monochromatic
#6EC4C4
#6EAEC4
#6E99C4
#6E84C4
#6E6EC4
Palette #26 Analogous
#CC6675
#CC7066
#CC8A66
#CCA366
#CCBD66
Palette #27 Analogous
#D7B85B
#5BD7B8
#B85BD7
#524314
#145243
Palette #28 Triadic
#C3C86A
#6AC3C8
#C86AC3
#484A1C
#1C484A
Palette #29 Triadic
#75CC66
#66CC70
#66CC8A
#66CCA3
#66CCBD
Palette #30 Analogous
#34491D
#679339
#9AC66C
#CDE2B6
#F2F8ED
Palette #31 Monochromatic
#813FF3
#F3813F
#3FF381
#270660
#602706
Palette #32 Triadic
#2D6C2F
#6FC372
#E3E8E3
#C36FC0
#6C2D6A
Palette #33 Complementary
#8955DD
#DDCD55
#65DD55
#2B1155
#F2F1F4
Palette #34 Split
#5597DD
#5575DD
#5755DD
#7955DD
#9B55DD
Palette #35 Analogous
#5F0727
#BE0E4F
#F14182
#F8A0C0
#FDE7EF
Palette #36 Monochromatic
#43E6EF
#EF4390
#EFA243
#085A5E
#F1F3F4
Palette #37 Split
#8E0B3B
#F04282
#E8E3E5
#42F0B0
#0B8E5E
Palette #38 Complementary
#C36F9C
#72C36F
#6FC3C0
#481E34
#F4F1F2
Palette #39 Split
#CACF63
#6394CF
#9E63CF
#4B4E18
#F3F4F1
Palette #40 Split
#6BC791
#916BC7
#C7916B
#1C4A2F
#2F1C4A
Palette #41 Triadic
#123354
#2466A8
#5799DB
#ABCCED
#EAF2FB
Palette #42 Monochromatic
#7D661C
#D9BB59
#E8E7E3
#5977D9
#1C337D
Palette #43 Complementary
#D1617B
#D16361
#D17F61
#D19B61
#D1B761
Palette #44 Analogous
#227477
#60CED2
#E3E8E8
#D26460
#772522
Palette #45 Complementary
#F28740
#F2B440
#F2E040
#D7F240
#ABF240
Palette #46 Analogous
#EA5948
#48EAA9
#4889EA
#5B130B
#F4F1F1
Palette #47 Split
#CC66A8
#75CC66
#66CCBD
#4D1A3B
#F4F1F3
Palette #48 Split
#225610
#43AB21
#76DE54
#BBEFA9
#EEFBEA
Palette #49 Monochromatic
#816BC7
#C7816B
#6BC781
#271C4A
#4A271C
Palette #50 Triadic
#293170
#6974C9
#E3E4E8
#C9BE69
#706829
Palette #51 Complementary
#AD4FE3
#D0E34F
#4FE362
#3D0E58
#F3F1F4
Palette #52 Split
#55114C
#A92397
#DC56CA
#EEAAE5
#FBEAF8
Palette #53 Monochromatic
#7A5CD6
#D6B85C
#7AD65C
#241452
#F2F1F4
Palette #54 Split
#18404E
#307F9C
#63B2CF
#B1D9E7
#EBF5F9
Palette #55 Monochromatic
#5ED4C6
#C65ED4
#D4C65E
#15514A
#4A1551
Palette #56 Triadic
#4AC8E8
#4AA1E8
#4A7AE8
#4A52E8
#6A4AE8
Palette #57 Analogous
#466006
#8DC00C
#C0F33F
#DFF99F
#F7FDE7
Palette #58 Monochromatic
#1D4F17
#3A9D2F
#6DD062
#B6E8B0
#EDF9EB
Palette #59 Monochromatic
#871254
#E84AA3
#E8E3E6
#4AE88F
#128745
Palette #60 Complementary
#10563D
#21AB7B
#54DEAE
#A9EFD6
#EAFBF5
Palette #61 Monochromatic
#D161C2
#8AD161
#61D1A8
#4F1748
#F4F1F3
Palette #62 Split
#6BC7AA
#C76BB6
#C77C6B
#1C4A3B
#F1F4F3
Palette #63 Split
#E84AC0
#C0E84A
#4AC0E8
#5A0C47
#475A0C
Palette #64 Triadic
#1E1287
#5B4BE7
#E3E3E8
#D7E74B
#7B8712
Palette #65 Complementary
#CBCE64
#B0CE64
#95CE64
#7BCE64
#64CE67
Palette #66 Analogous
#1A4D3F
#33997E
#66CCB1
#B3E6D8
#ECF9F5
Palette #67 Monochromatic
#4A2E6B
#9670C2
#E5E3E8
#9CC270
#4F6B2E
Palette #68 Complementary
#C6C16C
#6CC6C1
#C16CC6
#49471D
#1D4947
Palette #69 Triadic
#5FD1D3
#D35FD1
#D1D35F
#164F50
#50164F
Palette #70 Triadic
#3B1254
#7524A8
#A857DB
#D4ABED
#F4EAFB
Palette #71 Monochromatic
#4D9CE5
#E54D9C
#9CE54D
#0D3459
#590D34
Palette #72 Triadic
#86CC66
#6686CC
#CC6686
#2A4D1A
#1A2A4D
Palette #73 Triadic
#5FA5D3
#D35F6A
#D3C85F
#163950
#F1F3F4
Palette #74 Split
#4DE5AD
#4DE5D4
#4DD1E5
#4DABE5
#4D85E5
Palette #75 Analogous
#6E92C4
#6E7CC4
#756EC4
#8B6EC4
#A06EC4
Palette #76 Analogous
#178239
#52E07F
#E3E8E5
#E052B3
#821760
Palette #77 Complementary
#152551
#2B4AA1
#5E7DD4
#AEBEEA
#EBEFFA
Palette #78 Monochromatic
#315511
#62A923
#95DC56
#CAEEAA
#F2FBEA
Palette #79 Monochromatic
#26732A
#66CC6B
#E3E8E3
#CC66C7
#73266F
Palette #80 Complementary
#EFE943
#CAEF43
#9FEF43
#74EF43
#49EF43
Palette #81 Analogous
#5183E1
#E16651
#CCE151
#0F2857
#F1F2F4
Palette #82 Split
#64CE95
#9564CE
#CE9564
#184E31
#31184E
Palette #83 Triadic
#E15151
#51E151
#5151E1
#570F0F
#0F570F
Palette #84 Triadic
#4458EE
#5B44EE
#8544EE
#B044EE
#DA44EE
Palette #85 Analogous
#1C8415
#58E34F
#E3E8E3
#DA4FE3
#7D1584
Palette #86 Complementary
#1E2548
#3B4B91
#6E7EC4
#B7BEE1
#EDEFF8
Palette #87 Monochromatic
#DB7A57
#57DB7A
#7A57DB
#542412
#125424
Palette #88 Triadic
#C9C169
#69C9C1
#C169C9
#4B471B
#1B4B47
Palette #89 Triadic
#0F798A
#47D5EB
#E3E7E8
#EB5D47
#8A200F
Palette #90 Complementary
#115550
#23A9A0
#56DCD3
#AAEEE9
#EAFBFA
Palette #91 Monochromatic
#3FF357
#573FF3
#F3573F
#066012
#120660
Palette #92 Triadic
#871264
#E74BB8
#E8E3E7
#4BE77A
#128735
Palette #93 Complementary
#5E97D4
#D45E97
#97D45E
#153251
#511532
Palette #94 Triadic
#48EA61
#6148EA
#EA6148
#0B5B17
#170B5B
Palette #95 Triadic
#6EA7C4
#C46EA7
#A7C46E
#1E3A48
#481E3A
Palette #96 Triadic
#AA5BD7
#C95BD7
#D75BC7
#D75BA8
#D75B88
Palette #97 Analogous
#401089
#8948EA
#E5E3E8
#A9EA48
#598910
Palette #98 Complementary
#E54DC7
#E54DA1
#E54D7A
#E54D54
#E56B4D
Palette #99 Analogous
#1C2B4A
#375695
#6A89C8
#B5C4E3
#ECF0F8
Palette #100 Monochromatic