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
#EC4F46
#46ECA1
#4691EC
#5C0E0A
#F4F1F1
Palette #1 Split
#84CE64
#7964CE
#CE64B9
#284E18
#F2F4F1
Palette #2 Split
#4A7524
#95CF63
#E5E8E3
#9D63CF
#4F2475
Palette #3 Complementary
#6DC58D
#6DC5A3
#6DC5B9
#6DBBC5
#6DA5C5
Palette #4 Analogous
#615BD7
#805BD7
#9F5BD7
#BE5BD7
#D75BD1
Palette #5 Analogous
#A368CA
#CAA368
#68CAA3
#381B4B
#4B381B
Palette #6 Triadic
#D75BA8
#A8D75B
#5BA8D7
#52143A
#3A5214
Palette #7 Triadic
#C649E9
#E9C649
#49E9C6
#4A0B5B
#5B4A0B
Palette #8 Triadic
#64CE86
#BB64CE
#CE6477
#184E29
#F1F4F2
Palette #9 Split
#B8C86A
#6A89C8
#A96AC8
#434A1C
#F3F4F1
Palette #10 Split
#3F6F2A
#87C76B
#E4E8E3
#AB6BC7
#5A2A6F
Palette #11 Complementary
#5DD5C3
#C35DD5
#D5C35D
#155148
#481551
Palette #12 Triadic
#6B8E0B
#C2F141
#E7E8E3
#7041F1
#2E0B8E
Palette #13 Complementary
#1E1E48
#3B3B91
#6E6EC4
#B7B7E1
#EDEDF8
Palette #14 Monochromatic
#C84FE3
#E34FDA
#E34FB4
#E34F8F
#E34F6A
Palette #15 Analogous
#E8504A
#4AE850
#504AE8
#5A0E0C
#0C5A0E
Palette #16 Triadic
#6C2871
#C368CA
#E8E3E8
#6FCA68
#2D7128
Palette #17 Complementary
#8858DA
#DA8858
#58DA88
#2A1254
#542A12
Palette #18 Triadic
#5869DA
#DA8858
#AADA58
#121B54
#F1F1F4
Palette #19 Split
#1A1C7F
#5658DC
#E3E3E8
#DCDA56
#7F7D1A
Palette #20 Complementary
#8347EB
#EB8347
#47EB83
#280A5C
#5C280A
Palette #21 Triadic
#7F1089
#DC48EA
#E8E3E8
#56EA48
#1A8910
Palette #22 Complementary
#483E1E
#917B3B
#C4AE6E
#E1D7B7
#F8F5ED
Palette #23 Monochromatic
#7F5A1A
#DCAB56
#E8E6E3
#5687DC
#1A3F7F
Palette #24 Complementary
#ED456C
#45ED72
#45C0ED
#5D091D
#F4F1F2
Palette #25 Split
#776EC4
#8C6EC4
#A26EC4
#B76EC4
#C46EBB
Palette #26 Analogous
#D6765C
#5CD6B4
#5C7ED6
#522214
#F4F2F1
Palette #27 Split
#7E6EC4
#936EC4
#A96EC4
#BE6EC4
#C46EB4
Palette #28 Analogous
#D67C5C
#5CD67C
#7C5CD6
#522514
#145225
Palette #29 Triadic
#DD53DF
#DFDD53
#53DFDD
#551056
#565510
Palette #30 Triadic
#55DDBB
#55DDDD
#55BBDD
#5599DD
#5577DD
Palette #31 Analogous
#5A2E0C
#B45C18
#E78F4B
#F3C7A5
#FCF1E9
Palette #32 Monochromatic
#B0D260
#60B0D2
#D260B0
#3E5016
#163E50
Palette #33 Triadic
#535412
#A5A725
#D8DA58
#ECEDAB
#FAFAEA
Palette #34 Monochromatic
#567ADC
#DC7556
#BDDC56
#112355
#F1F2F4
Palette #35 Split
#816718
#DEBC54
#E8E7E3
#5476DE
#183281
Palette #36 Complementary
#D062AF
#78D062
#62D0BA
#4F173E
#F4F1F3
Palette #37 Split
#70C2B4
#B470C2
#C2B470
#1F4741
#411F47
Palette #38 Triadic
#182D81
#536FDF
#E3E4E8
#DFC353
#816C18
Palette #39 Complementary
#D07462
#62D0AB
#6287D0
#4F2117
#F4F1F1
Palette #40 Split
#4B7425
#97CE64
#E5E8E3
#9B64CE
#4E2574
Palette #41 Complementary
#587D1C
#A8D959
#E6E8E3
#8A59D9
#411C7D
Palette #42 Complementary
#124587
#4B8FE7
#E3E5E8
#E7A34B
#875412
Palette #43 Complementary
#331551
#662BA1
#995ED4
#CCAEEA
#F2EBFA
Palette #44 Monochromatic
#1C7D53
#59D9A2
#E3E8E6
#D95990
#7D1C46
Palette #45 Complementary
#BCD35F
#5F82D3
#B05FD3
#445016
#F3F4F1
Palette #46 Split
#C9696C
#C97E69
#C99669
#C9AE69
#C9C669
Palette #47 Analogous
#658FCD
#6575CD
#6F65CD
#8965CD
#A365CD
Palette #48 Analogous
#C165CD
#A5CD65
#65CD8D
#47194D
#F3F1F4
Palette #49 Split
#4B2F1B
#965E36
#C99169
#E4C8B4
#F8F1EC
Palette #50 Monochromatic
#CE649B
#9BCE64
#649BCE
#4E1834
#344E18
Palette #51 Triadic
#51E1CC
#51D3E1
#51AFE1
#518BE1
#5166E1
Palette #52 Analogous
#CA9B68
#68CA9B
#9B68CA
#4B341B
#1B4B34
Palette #53 Triadic
#AD5ED4
#C0D45E
#5ED472
#3D1551
#F3F1F4
Palette #54 Split
#133353
#2666A6
#5999D9
#ACCCEC
#EAF2FA
Palette #55 Monochromatic
#311254
#6224A8
#9557DB
#CAABED
#F2EAFB
Palette #56 Monochromatic
#9FD65C
#81D65C
#62D65C
#5CD674
#5CD693
Palette #57 Analogous
#206F79
#5EC6D4
#E3E7E8
#D46C5E
#792A20
Palette #58 Complementary
#C03EF4
#EE3EF4
#F43ECC
#F43E9F
#F43E72
Palette #59 Analogous
#C9EE44
#9FEE44
#74EE44
#4AEE44
#44EE69
Palette #60 Analogous
#6648EA
#EAB748
#7BEA48
#190B5B
#F1F1F4
Palette #61 Split
#2D5115
#5AA12B
#8DD45E
#C6EAAE
#F1FAEB
Palette #62 Monochromatic
#6A89C8
#6A72C8
#7A6AC8
#916AC8
#A96AC8
Palette #63 Analogous
#92DF53
#5392DF
#DF5392
#2F5610
#102F56
Palette #64 Triadic
#0F5722
#1FAD45
#52E078
#A8F0BB
#E9FBEE
Palette #65 Monochromatic
#D0627A
#62D081
#62B1D0
#4F1723
#F4F1F2
Palette #66 Split
#492C6D
#956EC4
#E5E3E8
#9DC46E
#506D2C
Palette #67 Complementary
#F4563E
#3EF4B1
#3E81F4
#601206
#F4F1F1
Palette #68 Split
#D6785C
#5CD678
#785CD6
#522314
#145223
Palette #69 Triadic
#D35F76
#76D35F
#5F76D3
#501622
#225016
Palette #70 Triadic
#DA58CF
#DA58AF
#DA588E
#DA586D
#DA6358
Palette #71 Analogous
#C853DF
#B0DF53
#53DF82
#4A1056
#F3F1F4
Palette #72 Split
#61E151
#8851E1
#E151AA
#17570F
#F1F4F1
Palette #73 Split
#D1D35F
#B4D35F
#97D35F
#7AD35F
#5FD361
Palette #74 Analogous
#745625
#CEA564
#E8E6E3
#648DCE
#254374
Palette #75 Complementary
#DD55D2
#D2DD55
#55D2DD
#55114F
#4F5511
Palette #76 Triadic
#6588CD
#CD7665
#BCCD65
#192A4D
#F1F2F4
Palette #77 Split
#0A495C
#1492B8
#47C5EB
#A3E2F5
#E8F8FC
Palette #78 Monochromatic
#257464
#65CDB8
#E3E8E7
#CD657A
#742535
Palette #79 Complementary
#4D9108
#99F43E
#E6E8E3
#993EF4
#4D0891
Palette #80 Complementary
#C78A6B
#6BC78A
#8A6BC7
#4A2B1C
#1C4A2B
Palette #81 Triadic
#440D59
#871AB3
#BA4DE5
#DDA6F2
#F6E9FC
Palette #82 Monochromatic
#46EC8B
#DE46EC
#EC4654
#0A5C2C
#F1F4F2
Palette #83 Split
#CA687C
#7CCA68
#687CCA
#4B1B24
#244B1B
Palette #84 Triadic
#7B6CC6
#926CC6
#A86CC6
#BE6CC6
#C66CB7
Palette #85 Analogous
#CE648D
#8DCE64
#648DCE
#4E182D
#2D4E18
Palette #86 Triadic
#896B10
#EAC148
#E8E7E3
#4871EA
#102E89
Palette #87 Complementary
#2E7A1F
#71D55D
#E4E8E3
#C15DD5
#6B1F7A
Palette #88 Complementary
#4783EB
#EB5D47
#D5EB47
#0A285C
#F1F2F4
Palette #89 Split
#1F7A48
#5CD693
#E3E8E5
#D65C9F
#7A1F51
Palette #90 Complementary
#167F83
#51DDE1
#E3E8E8
#E15551
#831A16
Palette #91 Complementary
#C47A6E
#6EC4A4
#6E8EC4
#48231E
#F4F1F1
Palette #92 Split
#570F1A
#AE1E33
#E15166
#F0A8B3
#FBE9EC
Palette #93 Monochromatic
#DF9453
#DFB753
#DFDB53
#C1DF53
#9EDF53
Palette #94 Analogous
#538019
#A2DD55
#E6E8E3
#9055DD
#461980
Palette #95 Complementary
#75E052
#5275E0
#E05275
#21570F
#0F2157
Palette #96 Triadic
#43EFB0
#B043EF
#EFB043
#085E3E
#3E085E
Palette #97 Triadic
#E7C84B
#4BB8E7
#7A4BE7
#5A4A0C
#F4F3F1
Palette #98 Split
#808811
#DEE949
#E8E8E3
#5449E9
#191188
Palette #99 Complementary
#686B2E
#BEC270
#E8E8E3
#7470C2
#312E6B
Palette #100 Complementary