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
#B75DD5
#D55DD5
#D55DB7
#D55D99
#D55D7B
Palette #1 Analogous
#57340F
#AD681F
#E09B52
#F0CDA8
#FBF3E9
Palette #2 Monochromatic
#D56F5D
#D58D5D
#D5AB5D
#D5C95D
#C3D55D
Palette #3 Analogous
#5DB7D5
#D55DB7
#B7D55D
#154251
#511542
Palette #4 Triadic
#5C130A
#B92713
#EC5A46
#F5ACA3
#FDEAE8
Palette #5 Monochromatic
#CDBD65
#C3CD65
#A9CD65
#8FCD65
#75CD65
Palette #6 Analogous
#4D211A
#994233
#CC7566
#E6BAB3
#F9EEEC
Palette #7 Monochromatic
#D35F69
#69D35F
#5F69D3
#50161B
#1B5016
Palette #8 Triadic
#4BB0E7
#E74B63
#E7CF4B
#0C3F5A
#F1F3F4
Palette #9 Split
#995CD6
#D6995C
#5CD699
#331452
#523314
Palette #10 Triadic
#1D327C
#5A75D8
#E3E4E8
#D8BD5A
#7C671D
Palette #11 Complementary
#7A1F3D
#D65C85
#E8E3E5
#5CD6AD
#1F7A5C
Palette #12 Complementary
#8C180D
#EE5244
#E8E3E3
#44E0EE
#0D818C
Palette #13 Complementary
#CE649E
#69CE64
#64CEC9
#4E1836
#F4F1F2
Palette #14 Split
#53DFC8
#53D4DF
#53B0DF
#538DDF
#536ADF
Palette #15 Analogous
#EC46A4
#A4EC46
#46A4EC
#5C0A39
#395C0A
Palette #16 Triadic
#F33F78
#3FF360
#3FD2F3
#600623
#F4F1F2
Palette #17 Split
#564A10
#AC9520
#DFC853
#EFE3A9
#FBF8E9
Palette #18 Monochromatic
#0A8F36
#40F27B
#E3E8E5
#F240B7
#8F0A63
Palette #19 Complementary
#501629
#A02C53
#D35F86
#E9AFC2
#FAEBF0
Palette #20 Monochromatic
#92DC56
#71DC56
#56DC5C
#56DC7E
#56DCA0
Palette #21 Analogous
#435016
#87A02C
#BAD35F
#DCE9AF
#F6FAEB
Palette #22 Monochromatic
#255115
#4AA12B
#7DD45E
#BEEAAE
#EFFAEB
Palette #23 Monochromatic
#B546EC
#DE46EC
#EC46D0
#EC46A7
#EC467D
Palette #24 Analogous
#E8B84A
#E8E04A
#C8E84A
#A1E84A
#7AE84A
Palette #25 Analogous
#46EC70
#C246EC
#EC4670
#0A5C1E
#F1F4F2
Palette #26 Split
#1B5F07
#37BF0D
#6AF240
#B4F8A0
#ECFDE7
Palette #27 Monochromatic
#8465CD
#9E65CD
#B865CD
#CD65C8
#CD65AE
Palette #28 Analogous
#68D45E
#8F5ED4
#D45EA3
#1A5115
#F1F4F1
Palette #29 Split
#781B7E
#D257DB
#E8E3E8
#60DB57
#217E1B
Palette #30 Complementary
#EB4781
#81EB47
#4781EB
#5C0A27
#275C0A
Palette #31 Triadic
#5D0925
#BA124A
#ED457D
#F6A2BE
#FDE8EF
Palette #32 Monochromatic
#184E1C
#319B38
#64CE6B
#B1E7B5
#ECF9ED
Palette #33 Monochromatic
#5AA8D8
#D85AA8
#A8D85A
#133A53
#53133A
Palette #34 Triadic
#6BB8C7
#C76B8A
#C7A86B
#1C424A
#F1F3F4
Palette #35 Split
#D8AA5A
#5AD8AA
#AA5AD8
#533B13
#13533B
Palette #36 Triadic
#66CC6D
#6D66CC
#CC6D66
#1A4D1D
#1D1A4D
Palette #37 Triadic
#D4A35E
#D4C05E
#CAD45E
#ADD45E
#8FD45E
Palette #38 Analogous
#43EFD2
#EF43B6
#EF7C43
#085E50
#F1F4F3
Palette #39 Split
#B7D55D
#5D7BD5
#B75DD5
#425115
#F3F4F1
Palette #40 Split
#166D83
#51C4E1
#E3E7E8
#E16E51
#832C16
Palette #41 Complementary
#1B244B
#364896
#697BC9
#B4BDE4
#ECEEF8
Palette #42 Monochromatic
#47EBCD
#47E0EB
#47B7EB
#478EEB
#4765EB
Palette #43 Analogous
#772622
#D26660
#E8E3E3
#60CCD2
#227377
Palette #44 Complementary
#CB58DA
#A8DA58
#58DA8A
#4C1254
#F3F1F4
Palette #45 Split
#46481E
#8B913B
#BEC46E
#DFE1B7
#F7F8ED
Palette #46 Monochromatic
#714F28
#CA9C68
#E8E6E3
#6896CA
#284A71
Palette #47 Complementary
#A8F43E
#3E4DF4
#E53EF4
#3B6006
#F2F4F1
Palette #48 Split
#512D6C
#9F6FC3
#E6E3E8
#93C36F
#486C2D
Palette #49 Complementary
#57DBCA
#57CCDB
#57ABDB
#578ADB
#5768DB
Palette #50 Analogous
#41F144
#4441F1
#F14441
#075F09
#09075F
Palette #51 Triadic
#4D63E5
#5C4DE5
#824DE5
#A84DE5
#CF4DE5
Palette #52 Analogous
#C86AC2
#C2C86A
#6AC2C8
#4A1C47
#474A1C
Palette #53 Triadic
#5AD89F
#5AD8BF
#5AD2D8
#5AB2D8
#5A93D8
Palette #54 Analogous
#192C4D
#32589A
#658BCD
#B2C5E6
#ECF1F9
Palette #55 Monochromatic
#103E56
#207BAC
#53AEDF
#A9D7EF
#E9F5FB
Palette #56 Monochromatic
#68C7CA
#CA68C7
#C7CA68
#1B4A4B
#4B1B4A
Palette #57 Triadic
#6A93C8
#C8706A
#C2C86A
#1C304A
#F1F2F4
Palette #58 Split
#1E2E48
#3B5C91
#6E8FC4
#B7C7E1
#EDF1F8
Palette #59 Monochromatic
#225477
#60A3D2
#E3E6E8
#D28F60
#774522
Palette #60 Complementary
#B15DD5
#D5B15D
#5DD5B1
#3F1551
#513F15
Palette #61 Triadic
#5D3FF3
#8A3FF3
#B73FF3
#E43FF3
#F33FD5
Palette #62 Analogous
#D55D89
#89D55D
#5D89D5
#51152B
#2B5115
Palette #63 Triadic
#6F73C3
#C3956F
#9DC36F
#1E2048
#F1F1F4
Palette #64 Split
#E44EC6
#7BE44E
#4EE4B7
#590D4A
#F4F1F3
Palette #65 Split
#245412
#47A824
#7ADB57
#BDEDAB
#EEFBEA
Palette #66 Monochromatic
#E250AD
#E25088
#E25063
#E26150
#E28550
Palette #67 Analogous
#E08152
#E0A552
#E0C952
#D5E052
#B1E052
Palette #68 Analogous
#6D85C5
#C5826D
#B0C56D
#1D2949
#F1F2F4
Palette #69 Split
#17174F
#2F2F9D
#6262D0
#B0B0E8
#EBEBF9
Palette #70 Monochromatic
#669CCC
#CC6669
#CCC966
#1A354D
#F1F2F4
Palette #71 Split
#5D8FD5
#D5675D
#CBD55D
#152E51
#F1F2F4
Palette #72 Split
#570F18
#AD1F2F
#E05262
#F0A8B1
#FBE9EB
Palette #73 Monochromatic
#0B8E28
#42F068
#E3E8E4
#F042CA
#8E0B71
Palette #74 Complementary
#35481E
#6A903C
#9DC36F
#CEE1B7
#F3F7ED
Palette #75 Monochromatic
#C969A3
#A3C969
#69A3C9
#4B1B38
#384B1B
Palette #76 Triadic
#5BACD7
#D75BAC
#ACD75B
#143C52
#52143C
Palette #77 Triadic
#6E9CC4
#6E86C4
#6E71C4
#816EC4
#966EC4
Palette #78 Analogous
#59CFD9
#D959CF
#CFD959
#134E53
#53134E
Palette #79 Triadic
#40F243
#40F270
#40F29C
#40F2C8
#40EFF2
Palette #80 Analogous
#6EC4C4
#C46EC4
#C4C46E
#1E4848
#481E48
Palette #81 Triadic
#8CC66C
#75C66C
#6CC67A
#6CC690
#6CC6A6
Palette #82 Analogous
#1F4721
#3D8F43
#70C276
#B8E0BA
#EDF7EE
Palette #83 Monochromatic
#801974
#DD55CD
#E8E3E7
#55DD65
#198025
Palette #84 Complementary
#1C7D53
#58DAA2
#E3E8E6
#DA5890
#7D1C46
Palette #85 Complementary
#4A471C
#958F37
#C8C26A
#E3E0B5
#F8F7EC
Palette #86 Monochromatic
#CA6872
#68CA8F
#68A3CA
#4B1B1F
#F4F1F1
Palette #87 Split
#184981
#5394DF
#E3E5E8
#DF9E53
#815018
Palette #88 Complementary
#71C66C
#6CC67E
#6CC695
#6CC6AB
#6CC6C1
Palette #89 Analogous
#DBB157
#57DBB1
#B157DB
#543F12
#12543F
Palette #90 Triadic
#0B435B
#1586B7
#48B9EA
#A4DCF4
#E8F6FC
Palette #91 Monochromatic
#59D98E
#CF59D9
#D95963
#13532E
#F1F4F2
Palette #92 Split
#D6A95C
#5CC6D6
#6C5CD6
#523B14
#F4F3F1
Palette #93 Split
#54122D
#A8245B
#DB578E
#EDABC6
#FBEAF1
Palette #94 Monochromatic
#DF53C6
#C6DF53
#53C6DF
#561049
#495610
Palette #95 Triadic
#EE4444
#44EE99
#4499EE
#5D0909
#F4F1F1
Palette #96 Split
#EED744
#44EED7
#D744EE
#5D5209
#095D52
Palette #97 Triadic
#5D4109
#BB8211
#EEB544
#F6DAA2
#FDF6E8
Palette #98 Monochromatic
#CC3EF4
#F43EEE
#F43EC0
#F43E93
#F43E66
Palette #99 Analogous
#6ABBC8
#6AA4C8
#6A8CC8
#6A75C8
#776AC8
Palette #100 Analogous