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
#E4A34E
#E4C94E
#DAE44E
#B5E44E
#8FE44E
Palette #1 Analogous
#E44E9C
#E44E76
#E44E50
#E4714E
#E4964E
Palette #2 Analogous
#99E74B
#72E74B
#4BE74B
#4BE772
#4BE799
Palette #3 Analogous
#DF5357
#DF7153
#DF9453
#DFB753
#DFDB53
Palette #4 Analogous
#468EEC
#4665EC
#5146EC
#7B46EC
#A446EC
Palette #5 Analogous
#492C1D
#935939
#C68C6C
#E2C5B6
#F8F1ED
Palette #6 Monochromatic
#0D3359
#1A66B3
#4D99E5
#A6CCF2
#E9F2FC
Palette #7 Monochromatic
#817518
#DFCF53
#E8E7E3
#5363DF
#182481
Palette #8 Complementary
#9D56DC
#DC9D56
#56DC9D
#351155
#553511
Palette #9 Triadic
#511815
#A1312B
#D4645E
#EAB1AE
#FAECEB
Palette #10 Monochromatic
#555F07
#AABF0D
#DDF240
#EEF8A0
#FBFDE7
Palette #11 Monochromatic
#936AC8
#AA6AC8
#C26AC8
#C86AB7
#C86A9F
Palette #12 Analogous
#E44E67
#E45A4E
#E4804E
#E4A64E
#E4CB4E
Palette #13 Analogous
#3EF4BA
#F43ED2
#F4603E
#066044
#F1F4F3
Palette #14 Split
#570F32
#AD1F64
#E05297
#F0A8CB
#FBE9F2
Palette #15 Monochromatic
#517CE1
#5158E1
#6E51E1
#9251E1
#B651E1
Palette #16 Analogous
#841C15
#E3584F
#E8E3E3
#4FDAE3
#157D84
Palette #17 Complementary
#0C495A
#1892B4
#4BC5E7
#A5E2F3
#E9F8FC
Palette #18 Monochromatic
#C6A26C
#6CBDC6
#756CC6
#49371D
#F4F3F1
Palette #19 Split
#F04265
#F04B42
#F07642
#F0A242
#F0CD42
Palette #20 Analogous
#6FCD65
#8F65CD
#CD65A3
#1E4D19
#F1F4F1
Palette #21 Split
#424EF0
#F0424E
#4EF042
#080D5E
#5E080D
Palette #22 Triadic
#D85A82
#82D85A
#5A82D8
#531327
#275313
Palette #23 Triadic
#7D6F1C
#DAC758
#E8E7E3
#586BDA
#1C2A7D
Palette #24 Complementary
#42E4F0
#42B9F0
#428DF0
#4262F0
#4E42F0
Palette #25 Analogous
#7F1A53
#DC56A2
#E8E3E6
#56DC90
#1A7F46
Palette #26 Complementary
#6069D2
#7360D2
#8F60D2
#AC60D2
#C960D2
Palette #27 Analogous
#5F7425
#B1CD65
#E7E8E3
#8165CD
#3A2574
Palette #28 Complementary
#94CA68
#6D68CA
#CA68C5
#314B1B
#F2F4F1
Palette #29 Split
#AE4BE7
#D2E74B
#4BE760
#3D0C5A
#F3F1F4
Palette #30 Split
#BEC270
#7095C2
#9D70C2
#45471F
#F3F4F1
Palette #31 Split
#F0E742
#42F0E7
#E742F0
#5E5A08
#085E5A
Palette #32 Triadic
#5A4C0C
#B59817
#E8CB4A
#F3E5A5
#FCF8E8
Palette #33 Monochromatic
#DD5557
#DD7555
#DD9755
#DDB955
#DDDB55
Palette #34 Analogous
#D1BD61
#61AED1
#8461D1
#4F4517
#F4F3F1
Palette #35 Split
#EE4461
#44EE7D
#44B5EE
#5D0917
#F4F1F1
Palette #36 Split
#6C5C2D
#C3AE6F
#E8E7E3
#6F84C3
#2D3D6C
Palette #37 Complementary
#EB4765
#65EB47
#4765EB
#5C0A19
#195C0A
Palette #38 Triadic
#C652E0
#E052D7
#E052B3
#E0528F
#E0526C
Palette #39 Analogous
#5DD56B
#6B5DD5
#D56B5D
#15511C
#1C1551
Palette #40 Triadic
#184E20
#319B3F
#64CE72
#B1E7B9
#ECF9ED
Palette #41 Monochromatic
#084C5E
#0F97BD
#42CAF0
#A1E5F7
#E7F8FD
Palette #42 Monochromatic
#EB5247
#EB7B47
#EBA447
#EBCD47
#E0EB47
Palette #43 Analogous
#0C5A34
#18B469
#4BE79C
#A5F3CD
#E9FCF3
Palette #44 Monochromatic
#4ECEE4
#4EA8E4
#4E82E4
#4E5DE4
#644EE4
Palette #45 Analogous
#408118
#89DE54
#E5E8E3
#A954DE
#591881
Palette #46 Complementary
#E5994D
#4DE599
#994DE5
#59330D
#0D5933
Palette #47 Triadic
#CAB368
#68CAB3
#B368CA
#4B401B
#1B4B40
Palette #48 Triadic
#9FF141
#73F141
#47F141
#41F167
#41F193
Palette #49 Analogous
#6AC89C
#9C6AC8
#C89C6A
#1C4A35
#351C4A
Palette #50 Triadic
#493F1D
#927D3A
#C5B06D
#E2D8B6
#F8F5ED
Palette #51 Monochromatic
#5D2309
#BB4711
#EE7A44
#F6BCA2
#FDEEE8
Palette #52 Monochromatic
#6EC4BE
#BE6EC4
#C4BE6E
#1E4846
#461E48
Palette #53 Triadic
#7E1881
#DB53DF
#E8E3E8
#57DF53
#1B8118
Palette #54 Complementary
#762334
#D06278
#E8E3E4
#62D0BA
#237665
Palette #55 Complementary
#69C976
#69C98E
#69C9A6
#69C9BE
#69BCC9
Palette #56 Analogous
#4D87E5
#E55E4D
#D4E54D
#0D2A59
#F1F2F4
Palette #57 Split
#E052AC
#E05288
#E05265
#E06252
#E08652
Palette #58 Analogous
#DA6058
#DA8158
#DAA258
#DAC258
#D2DA58
Palette #59 Analogous
#2F7524
#71CF63
#E4E8E3
#C163CF
#6A2475
Palette #60 Complementary
#5DA5D5
#5D87D5
#5D69D5
#6F5DD5
#8D5DD5
Palette #61 Analogous
#D45ECA
#CAD45E
#5ECAD4
#51154C
#4C5115
Palette #62 Triadic
#CE60D2
#9DD260
#60D295
#4E1650
#F3F1F4
Palette #63 Split
#63D161
#9761D1
#D1619B
#184F17
#F1F4F1
Palette #64 Split
#13531B
#26A637
#59D96A
#ACECB4
#EAFAEC
Palette #65 Monochromatic
#4A4AE8
#E84A4A
#4AE84A
#0C0C5A
#5A0C0C
Palette #66 Triadic
#3FF363
#3FF390
#3FF3BD
#3FF3EA
#3FCFF3
Palette #67 Analogous
#4D193D
#9A3279
#CD65AC
#E6B2D6
#F9ECF5
Palette #68 Monochromatic
#075F32
#0DBF63
#40F296
#A0F8CB
#E7FDF2
Palette #69 Monochromatic
#5A1E0C
#B43D18
#E7704B
#F3B7A5
#FCEDE9
Palette #70 Monochromatic
#B3DA58
#58B3DA
#DA58B3
#405412
#124054
Palette #71 Triadic
#51E192
#DA51E1
#E15158
#0F572F
#F1F4F2
Palette #72 Split
#D26099
#60D260
#60D2D2
#501633
#F4F1F2
Palette #73 Split
#690F8A
#BF47EB
#E7E3E8
#73EB47
#308A0F
Palette #74 Complementary
#49291D
#92523A
#C5856D
#E2C2B6
#F8F0ED
Palette #75 Monochromatic
#65CD89
#65CDA3
#65CDBD
#65C3CD
#65A9CD
Palette #76 Analogous
#D8885A
#D8A85A
#D8C75A
#C9D85A
#AAD85A
Palette #77 Analogous
#0A5C22
#13B945
#46EC78
#A3F5BB
#E8FDEE
Palette #78 Monochromatic
#DF7153
#53DFB7
#537BDF
#561F10
#F4F2F1
Palette #79 Split
#330660
#660CC0
#993FF3
#CC9FF9
#F2E7FD
Palette #80 Monochromatic
#7A281F
#D6685C
#E8E3E3
#5CCAD6
#1F717A
Palette #81 Complementary
#AEC66C
#6C81C6
#B16CC6
#3D491D
#F3F4F1
Palette #82 Split
#135B0B
#26B715
#59EA48
#ACF4A4
#EAFCE8
Palette #83 Monochromatic
#55DDCB
#55CDDD
#55ABDD
#5589DD
#5567DD
Palette #84 Analogous
#4B1B2D
#963659
#C9698C
#E4B4C6
#F8ECF1
Palette #85 Monochromatic
#76236B
#D062C1
#E8E3E7
#62D071
#23762E
Palette #86 Complementary
#50EA48
#48EA69
#48EA91
#48EAB9
#48EAE2
Palette #87 Analogous
#9EE44E
#4E53E4
#DF4EE4
#36590D
#F2F4F1
Palette #88 Split
#3FD8F3
#F33F7E
#F3B43F
#065260
#F1F3F4
Palette #89 Split
#51E17E
#C751E1
#E1516B
#0F5726
#F1F4F2
Palette #90 Split
#B7D85A
#5AB7D8
#D85AB7
#425313
#134253
Palette #91 Triadic
#178277
#52E0D2
#E3E8E8
#E05260
#821722
Palette #92 Complementary
#44EE58
#44EE82
#44EEAD
#44EED7
#44DAEE
Palette #93 Analogous
#11552D
#22AA5B
#55DD8E
#AAEEC6
#EAFBF1
Palette #94 Monochromatic
#29706C
#69C9C3
#E3E8E8
#C9696F
#70292D
Palette #95 Complementary
#F3E73F
#3FF3E7
#E73FF3
#605A06
#06605A
Palette #96 Triadic
#59D97B
#7B59D9
#D97B59
#135324
#241353
Palette #97 Triadic
#56101A
#AB2133
#DE5466
#EFA9B3
#FBEAEC
Palette #98 Monochromatic
#94CB67
#6C67CB
#CB67C6
#314C1A
#F2F4F1
Palette #99 Split
#72E74B
#724BE7
#E74BC0
#205A0C
#F2F4F1
Palette #100 Split