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
#0E5811
#1DAF21
#50E254
#A7F1AA
#E9FBEA
Palette #1 Monochromatic
#9FC56D
#89C56D
#73C56D
#6DC57D
#6DC593
Palette #2 Analogous
#D7745B
#D7935B
#D7B25B
#D7D15B
#BED75B
Palette #3 Analogous
#CBED45
#4578ED
#BA45ED
#4C5D09
#F3F4F1
Palette #4 Split
#ED9145
#45ED91
#9145ED
#5D2F09
#095D2F
Palette #5 Triadic
#511527
#A22A4E
#D55D81
#EAAEC0
#FAEBEF
Palette #6 Monochromatic
#6CC6BE
#6CB7C6
#6CA0C6
#6C8AC6
#6C74C6
Palette #7 Analogous
#EC46A4
#EC467B
#EC4651
#EC6546
#EC8E46
Palette #8 Analogous
#6DC59F
#C56DBF
#C5736D
#1D4936
#F1F4F2
Palette #9 Split
#D35F99
#D35F7C
#D35F5F
#D37C5F
#D3995F
Palette #10 Analogous
#D45EB3
#D45E95
#D45E77
#D4625E
#D47F5E
Palette #11 Analogous
#A4EF43
#7AEF43
#4FEF43
#43EF63
#43EF8E
Palette #12 Analogous
#E54DDE
#91E54D
#4DE5A1
#590D55
#F4F1F3
Palette #13 Split
#CE64B4
#7ECE64
#64CEB4
#4E1840
#F4F1F3
Palette #14 Split
#188129
#53DF6A
#E3E8E4
#DF53C8
#811870
Palette #15 Complementary
#1F2D7A
#5D6FD5
#E3E4E8
#D5C35D
#7A6C1F
Palette #16 Complementary
#BCF240
#40BCF2
#F240BC
#455F07
#07455F
Palette #17 Triadic
#8A58DA
#AA58DA
#CB58DA
#DA58C9
#DA58A8
Palette #18 Analogous
#6571CD
#CD8D65
#A5CD65
#191F4D
#F1F1F4
Palette #19 Split
#158458
#50E2A8
#E3E8E6
#E2508A
#841541
Palette #20 Complementary
#46E3EC
#46BAEC
#4691EC
#4667EC
#4F46EC
Palette #21 Analogous
#28095D
#5012BA
#8345ED
#C1A2F6
#EFE8FD
Palette #22 Monochromatic
#D65CB6
#D65C97
#D65C78
#D65E5C
#D67C5C
Palette #23 Analogous
#6FA6C3
#C36FA6
#A6C36F
#1E3948
#481E39
Palette #24 Triadic
#4D7DE5
#E5694D
#C9E54D
#0D2559
#F1F2F4
Palette #25 Split
#66CACC
#CC66CA
#CACC66
#1A4C4D
#4D1A4C
Palette #26 Triadic
#834D16
#E19951
#E8E6E3
#5199E1
#164D83
Palette #27 Complementary
#9BDE54
#5456DE
#DC54DE
#345610
#F2F4F1
Palette #28 Split
#0F8A24
#47EB63
#E3E8E4
#EB47CF
#8A0F75
Palette #29 Complementary
#59D96E
#6E59D9
#D96E59
#13531E
#1E1353
Palette #30 Triadic
#0C115A
#1823B4
#4B56E7
#A5AAF3
#E9EAFC
Palette #31 Monochromatic
#214E78
#5F9BD3
#E3E6E8
#D3975F
#784B21
Palette #32 Complementary
#D959A8
#D95988
#D95968
#D96A59
#D98A59
Palette #33 Analogous
#4680EC
#EC4680
#80EC46
#0A275C
#5C0A27
Palette #34 Triadic
#226477
#61B9D1
#E3E7E8
#D17961
#773522
Palette #35 Complementary
#57DBA8
#57DBCA
#57CCDB
#57ABDB
#578ADB
Palette #36 Analogous
#0C1D5A
#183AB4
#4B6DE7
#A5B6F3
#E9EDFC
Palette #37 Monochromatic
#727127
#CBC967
#E8E8E3
#6769CB
#272872
Palette #38 Complementary
#E54DCF
#E54DA8
#E54D82
#E54D5C
#E5634D
Palette #39 Analogous
#8B6EC4
#C48B6E
#6EC48B
#2C1E48
#482C1E
Palette #40 Triadic
#F14185
#F14159
#F15641
#F18241
#F1AD41
Palette #41 Analogous
#6DC596
#6DC5AC
#6DC5C2
#6DB2C5
#6D9CC5
Palette #42 Analogous
#2C1551
#582BA1
#8B5ED4
#C5AEEA
#F1EBFA
Palette #43 Monochromatic
#40F299
#40F2C5
#40F2F2
#40C5F2
#4099F2
Palette #44 Analogous
#0F3357
#1F66AD
#5299E0
#A8CCF0
#E9F2FB
Palette #45 Monochromatic
#4DE552
#4DE578
#4DE59E
#4DE5C4
#4DE0E5
Palette #46 Analogous
#783521
#D37A5F
#E8E4E3
#5FB8D3
#216478
Palette #47 Complementary
#EE4488
#88EE44
#4488EE
#5D092B
#2B5D09
Palette #48 Triadic
#E78F4B
#E7B54B
#E7DC4B
#CAE74B
#A3E74B
Palette #49 Analogous
#77C56D
#6D77C5
#C56D77
#22491D
#1D2249
Palette #50 Triadic
#8756DC
#DCCA56
#68DC56
#2A1155
#F2F1F4
Palette #51 Split
#837D16
#E1DA51
#E8E8E3
#5158E1
#161C83
Palette #52 Complementary
#D55DA5
#D55D87
#D55D69
#D56F5D
#D58D5D
Palette #53 Analogous
#4A1C4A
#953793
#C86AC6
#E3B5E3
#F8ECF8
Palette #54 Monochromatic
#0B575B
#16AEB6
#49E1E9
#A4F0F4
#E8FBFC
Palette #55 Monochromatic
#4B68E7
#564BE7
#7D4BE7
#A34BE7
#CA4BE7
Palette #56 Analogous
#1E5016
#3C9F2D
#6FD260
#B7E9AF
#EDF9EB
Palette #57 Monochromatic
#501816
#9F312D
#D26460
#E9B1AF
#F9ECEB
Palette #58 Monochromatic
#53133F
#A6267E
#D959B1
#ECACD8
#FAEAF5
Palette #59 Monochromatic
#298118
#6ADF53
#E4E8E3
#C853DF
#701881
Palette #60 Complementary
#DD55C7
#DD55A4
#DD5582
#DD5560
#DD6B55
Palette #61 Analogous
#53DF5E
#5E53DF
#DF5E53
#105616
#161056
Palette #62 Triadic
#2B6E2D
#6CC66F
#E3E8E3
#C66CC3
#6E2B6C
Palette #63 Complementary
#3F0A8F
#8740F2
#E5E3E8
#ABF240
#5A8F0A
Palette #64 Complementary
#0D2D59
#1A59B3
#4D8CE5
#A6C6F2
#E9F1FC
Palette #65 Monochromatic
#D3805F
#5FD380
#805FD3
#502616
#165026
Palette #66 Triadic
#4E8118
#9BDE54
#E6E8E3
#9754DE
#4B1881
Palette #67 Complementary
#6D2C3B
#C56D82
#E8E3E4
#6DC5B0
#2C6D5E
Palette #68 Complementary
#E44E62
#4EE485
#4EADE4
#590D17
#F4F1F1
Palette #69 Split
#767323
#D0CC62
#E8E8E3
#6266D0
#232676
Palette #70 Complementary
#D9E250
#508FE2
#A350E2
#53580E
#F3F4F1
Palette #71 Split
#E25081
#50E268
#50CAE2
#580E27
#F4F1F2
Palette #72 Split
#265115
#4CA22A
#7FD55D
#BFEAAE
#EFFAEB
Palette #73 Monochromatic
#5E45ED
#8845ED
#B245ED
#DC45ED
#ED45D4
Palette #74 Analogous
#D85ABF
#D85A9F
#D85A80
#D85A60
#D8735A
Palette #75 Analogous
#8F0A4A
#F24096
#E8E3E5
#40F29C
#0A8F4F
Palette #76 Complementary
#D3995F
#5FD399
#995FD3
#503316
#165033
Palette #77 Triadic
#47EBD8
#47D5EB
#47ACEB
#4783EB
#475AEB
Palette #78 Analogous
#551112
#A92325
#DC5658
#EEAAAB
#FBEAEA
Palette #79 Monochromatic
#64CE79
#64CE94
#64CEAE
#64CEC9
#64B9CE
Palette #80 Analogous
#491D24
#923A49
#C56D7C
#E2B6BD
#F8EDEF
Palette #81 Monochromatic
#16085E
#2C0FBD
#5F42F0
#AFA1F7
#EBE7FD
Palette #82 Monochromatic
#4D1A34
#993368
#CC669B
#E6B3CD
#F9ECF2
Palette #83 Monochromatic
#7B5AD8
#D87B5A
#5AD87B
#241353
#532413
Palette #84 Triadic
#EB3EF4
#A2F43E
#3EF490
#5C0660
#F3F1F4
Palette #85 Split
#8A480F
#EC9346
#E8E5E3
#469FEC
#0F518A
Palette #86 Complementary
#C0D75B
#A1D75B
#82D75B
#63D75B
#5BD772
Palette #87 Analogous
#D8C75A
#C9D85A
#AAD85A
#8AD85A
#6BD85A
Palette #88 Analogous
#C4DD55
#A2DD55
#80DD55
#5EDD55
#55DD6E
Palette #89 Analogous
#B46EC4
#A9C46E
#6EC489
#411E48
#F3F1F4
Palette #90 Split
#4977E9
#494FE9
#6C49E9
#9449E9
#BB49E9
Palette #91 Analogous
#5CDF53
#9053DF
#DF53A2
#155610
#F1F4F1
Palette #92 Split
#63CF9E
#9E63CF
#CF9E63
#184E36
#36184E
Palette #93 Triadic
#D6AD5C
#5CC2D6
#705CD6
#523D14
#F4F3F1
Palette #94 Split
#533513
#A66A26
#D99D59
#ECCEAC
#FAF3EA
Palette #95 Monochromatic
#DC5658
#56DC97
#569BDC
#551112
#F4F1F1
Palette #96 Split
#C78A6B
#6BC7B8
#6B7AC7
#4A2B1C
#F4F2F1
Palette #97 Split
#5C0B0A
#B91613
#EC4946
#F5A4A3
#FDE8E8
Palette #98 Monochromatic
#5E6AD4
#705ED4
#8D5ED4
#AB5ED4
#C85ED4
Palette #99 Analogous
#61AAD1
#D161AA
#AAD161
#173B4F
#4F173B
Palette #100 Triadic