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
#DF4BE7
#E74BC8
#E74BA1
#E74B7A
#E74B53
Palette #1 Analogous
#134453
#2788A5
#5ABBD8
#ACDDEC
#EAF6FA
Palette #2 Monochromatic
#1F427A
#5D8BD5
#E3E5E8
#D5A75D
#7A571F
Palette #3 Complementary
#E4D04E
#4EADE4
#854EE4
#594F0D
#F4F3F1
Palette #4 Split
#446CEE
#EE7144
#C1EE44
#091C5D
#F1F2F4
Palette #5 Split
#7A1F1F
#D65C5C
#E8E3E3
#5CD6D6
#1F7A7A
Palette #6 Complementary
#717A1F
#C9D55D
#E8E8E3
#695DD5
#281F7A
Palette #7 Complementary
#5661DC
#DC8E56
#A4DC56
#111755
#F1F1F4
Palette #8 Split
#5961D9
#D95961
#61D959
#131753
#531317
Palette #9 Triadic
#674AE8
#8F4AE8
#B64AE8
#DD4AE8
#E84ACB
Palette #10 Analogous
#7D1C20
#DA585E
#E8E3E3
#58DAD4
#1C7D79
Palette #11 Complementary
#DA51E1
#E151C4
#E151A0
#E1517C
#E15158
Palette #12 Analogous
#78213E
#D35F86
#E8E3E5
#5FD3AC
#21785B
Palette #13 Complementary
#4F6B2E
#9CC270
#E6E8E3
#9670C2
#4A2E6B
Palette #14 Complementary
#531056
#A721AB
#DA54DE
#ECA9EF
#FAEAFB
Palette #15 Monochromatic
#EF4368
#43EF74
#43BEEF
#5E081B
#F4F1F2
Palette #16 Split
#7551E1
#9951E1
#BD51E1
#E151E1
#E151BD
Palette #17 Analogous
#5AD88A
#C95AD8
#D85A69
#13532C
#F1F4F2
Palette #18 Split
#C66C87
#87C66C
#6C87C6
#491D2A
#2A491D
Palette #19 Triadic
#0E5839
#1CB072
#4FE3A5
#A7F1D2
#E9FCF4
Palette #20 Monochromatic
#F3C03F
#F3ED3F
#CCF33F
#9FF33F
#72F33F
Palette #21 Analogous
#43EF49
#4943EF
#EF4943
#085E0B
#0B085E
Palette #22 Triadic
#A862D0
#D0A862
#62D0A8
#3A174F
#4F3A17
Palette #23 Triadic
#6CCF63
#636CCF
#CF636C
#1C4E18
#181C4E
Palette #24 Triadic
#C7D55D
#A9D55D
#8BD55D
#6DD55D
#5DD56B
Palette #25 Analogous
#5C0A0E
#B8141D
#EB4750
#F5A3A7
#FCE8E9
Palette #26 Monochromatic
#D35F9B
#61D35F
#5FD3D1
#501634
#F4F1F2
Palette #27 Split
#5BD75B
#5BD77A
#5BD799
#5BD7B8
#5BD7D7
Palette #28 Analogous
#49E96F
#6F49E9
#E96F49
#0B5B1E
#1E0B5B
Palette #29 Triadic
#4A58E8
#654AE8
#8C4AE8
#B34AE8
#DA4AE8
Palette #30 Analogous
#C76B87
#87C76B
#6B87C7
#4A1C2A
#2A4A1C
Palette #31 Triadic
#4D1A3C
#993379
#CC66AC
#E6B3D5
#F9ECF5
Palette #32 Monochromatic
#6F2A51
#C76B9F
#E8E3E6
#6BC793
#2A6F48
Palette #33 Complementary
#844515
#E38F4F
#E8E5E3
#4FA3E3
#155484
Palette #34 Complementary
#6F2A30
#C76B73
#E8E3E3
#6BC7BF
#2A6F69
Palette #35 Complementary
#8AD959
#6859D9
#D959CA
#2C5313
#F2F4F1
Palette #36 Split
#E05281
#52E069
#52C9E0
#570F27
#F4F1F2
Palette #37 Split
#4F173C
#9D2F78
#D062AB
#E8B0D5
#F9EBF5
Palette #38 Monochromatic
#BFC36F
#AAC36F
#95C36F
#80C36F
#6FC373
Palette #39 Analogous
#1D4937
#39936D
#6CC6A0
#B6E2D0
#EDF8F3
Palette #40 Monochromatic
#261E48
#4C3C90
#7F6FC3
#BFB7E1
#EFEDF7
Palette #41 Monochromatic
#82172C
#E0526E
#E8E3E4
#52E0C4
#17826D
Palette #42 Complementary
#CF6390
#90CF63
#6390CF
#4E182E
#2E4E18
Palette #43 Triadic
#877012
#E8C84A
#E8E7E3
#4A6AE8
#122987
Palette #44 Complementary
#109009
#48F33F
#E3E8E3
#EA3FF3
#890990
Palette #45 Complementary
#2D2C6D
#706EC4
#E3E3E8
#C2C46E
#6C6D2C
Palette #46 Complementary
#CA6882
#68CA7F
#68B3CA
#4B1B28
#F4F1F2
Palette #47 Split
#DD55B9
#DD5597
#DD5575
#DD5755
#DD7955
Palette #48 Analogous
#60D2C3
#60C5D2
#60A8D2
#608CD2
#606FD2
Palette #49 Analogous
#577F1A
#A6DC56
#E6E8E3
#8C56DC
#421A7F
Palette #50 Complementary
#5F1A07
#BE340E
#F16741
#F8B3A0
#FDECE7
Palette #51 Monochromatic
#7F53DF
#A253DF
#C653DF
#DF53D6
#DF53B3
Palette #52 Analogous
#9CF141
#419CF1
#F1419C
#345F07
#07345F
Palette #53 Triadic
#92C56D
#7CC56D
#6DC574
#6DC58A
#6DC5A0
Palette #54 Analogous
#8F130A
#F24C40
#E8E3E3
#40E6F2
#0A868F
Palette #55 Complementary
#231056
#4520AC
#7853DF
#BCA9EF
#EEE9FB
Palette #56 Monochromatic
#DA9258
#58DAD4
#585EDA
#543012
#F4F2F1
Palette #57 Split
#76C36F
#926FC3
#C36FA0
#22481E
#F1F4F1
Palette #58 Split
#D28F60
#60D28F
#8F60D2
#502E16
#16502E
Palette #59 Triadic
#0B6D8E
#42C4F0
#E3E7E8
#F06E42
#8E2C0B
Palette #60 Complementary
#59DD55
#5559DD
#DD5559
#135511
#111355
Palette #61 Triadic
#3E2475
#8563CF
#E5E3E8
#ADCF63
#5B7524
Palette #62 Complementary
#29706E
#69C9C6
#E3E8E8
#C9696C
#70292B
Palette #63 Complementary
#4F3F17
#9E7E2E
#D1B161
#E8D8B0
#F9F5EB
Palette #64 Monochromatic
#C29D70
#70C29D
#9D70C2
#47351F
#1F4735
Palette #65 Triadic
#B04DE5
#E5B04D
#4DE5B0
#3E0D59
#593E0D
Palette #66 Triadic
#C270AF
#86C270
#70C2AC
#471F3E
#F4F1F3
Palette #67 Split
#64C2CE
#CE64C2
#C2CE64
#18474E
#4E1847
Palette #68 Triadic
#6B602E
#C2B370
#E8E7E3
#707FC2
#2E396B
Palette #69 Complementary
#16503D
#2CA079
#5FD3AC
#AFE9D6
#EBFAF5
Palette #70 Monochromatic
#4BE7E7
#E74B99
#E7994B
#0C5A5A
#F1F4F4
Palette #71 Split
#C76B6B
#6BC76B
#6B6BC7
#4A1C1C
#1C4A1C
Palette #72 Triadic
#45EDD9
#D945ED
#EDD945
#095D53
#53095D
Palette #73 Triadic
#57550F
#AEAA1E
#E1DD51
#F0EEA8
#FBFBE9
Palette #74 Monochromatic
#F04268
#42F073
#42BFF0
#5E081A
#F4F1F2
Palette #75 Split
#D2A460
#60D2A4
#A460D2
#503916
#165039
Palette #76 Triadic
#677ECB
#CB677E
#7ECB67
#1A264C
#4C1A26
Palette #77 Triadic
#78CB67
#6778CB
#CB6778
#224C1A
#1A224C
Palette #78 Triadic
#105638
#21AB6F
#54DEA2
#A9EFD1
#EAFBF3
Palette #79 Monochromatic
#4BE76A
#B84BE7
#E74B7A
#0C5A1C
#F1F4F1
Palette #80 Split
#49321D
#936539
#C6986C
#E2CBB6
#F8F2ED
Palette #81 Monochromatic
#1A7F75
#56DCCF
#E3E8E8
#DC5663
#7F1A24
Palette #82 Complementary
#F0CA42
#42F0CA
#CA42F0
#5E4C08
#085E4C
Palette #83 Triadic
#C046EC
#E946EC
#EC46C5
#EC469C
#EC4672
Palette #84 Analogous
#D97B59
#59D9BB
#5977D9
#532413
#F4F2F1
Palette #85 Split
#E17751
#51E177
#7751E1
#57220F
#0F5722
Palette #86 Triadic
#EB47B4
#63EB47
#47EBCF
#5C0A41
#F4F1F3
Palette #87 Split
#45ED9C
#9C45ED
#ED9C45
#095D34
#34095D
Palette #88 Triadic
#6B5E2E
#C2B070
#E8E7E3
#7082C2
#2E3B6B
Palette #89 Complementary
#C96999
#69C969
#69C9C9
#4B1B33
#F4F1F2
Palette #90 Split
#DC5680
#DC565F
#DC6E56
#DC9056
#DCB256
Palette #91 Analogous
#1C4A48
#38948F
#6BC7C2
#B5E3E1
#EDF8F7
Palette #92 Monochromatic
#4AE88C
#DA4AE8
#E84A58
#0C5A2C
#F1F4F2
Palette #93 Split
#92C270
#7770C2
#C270BB
#30471F
#F2F4F1
Palette #94 Split
#561036
#AB216D
#DE54A0
#EFA9CF
#FBEAF3
Palette #95 Monochromatic
#6E5FD3
#D36E5F
#5FD36E
#1E1650
#501E16
Palette #96 Triadic
#89EA48
#4889EA
#EA4889
#2B5B0B
#0B2B5B
Palette #97 Triadic
#E84AB6
#B6E84A
#4AB6E8
#5A0C41
#415A0C
Palette #98 Triadic
#4EB0E4
#E44EB0
#B0E44E
#0D3E59
#590D3E
Palette #99 Triadic
#E4734E
#4EE4BF
#4E73E4
#59200D
#F4F2F1
Palette #100 Split