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
#42F0AD
#F042DB
#F05742
#085E3D
#F1F4F3
Palette #1 Split
#57ABDB
#DB5768
#DBCA57
#123C54
#F1F3F4
Palette #2 Split
#1C4A22
#379544
#6AC877
#B5E3BB
#ECF8EE
Palette #3 Monochromatic
#59A2D9
#5981D9
#5961D9
#7059D9
#9059D9
Palette #4 Analogous
#C4926E
#C4A76E
#C4BD6E
#B6C46E
#A0C46E
Palette #5 Analogous
#E250D9
#D9E250
#50D9E2
#580E53
#53580E
Palette #6 Triadic
#DD9455
#DDB755
#DDD955
#C0DD55
#9EDD55
Palette #7 Analogous
#69B7C9
#C96987
#C9AB69
#1B424B
#F1F3F4
Palette #8 Split
#1C1D7D
#585ADA
#E3E3E8
#DAD858
#7D7C1C
Palette #9 Complementary
#291650
#512D9F
#8460D2
#C2AFE9
#F0EBF9
Palette #10 Monochromatic
#64CEC2
#64C0CE
#64A5CE
#648BCE
#6470CE
Palette #11 Analogous
#97E151
#5351E1
#E151DF
#32570F
#F2F4F1
Palette #12 Split
#62D088
#C062D0
#D06272
#174F2B
#F1F4F2
Palette #13 Split
#1C1D4A
#373A95
#6A6DC8
#B5B6E3
#ECEDF8
Palette #14 Monochromatic
#304C1A
#5F9834
#92CB67
#C9E5B3
#F1F8EC
Palette #15 Monochromatic
#7FC969
#8369C9
#C969AF
#264B1B
#F2F4F1
Palette #16 Split
#755AD8
#D8B45A
#7ED85A
#211353
#F2F1F4
Palette #17 Split
#4EE4A8
#E44ED5
#E45D4E
#0D593B
#F1F4F3
Palette #18 Split
#9751E1
#E19751
#51E197
#320F57
#57320F
Palette #19 Triadic
#198066
#55DDBB
#E3E8E7
#DD5577
#801933
Palette #20 Complementary
#70C0C2
#C270C0
#C0C270
#1F4747
#471F47
Palette #21 Triadic
#5397DF
#DF5553
#DDDF53
#103256
#F1F2F4
Palette #22 Split
#59260D
#B34C1A
#E57F4D
#F2BFA6
#FCEFE9
Palette #23 Monochromatic
#401A4D
#803399
#B366CC
#D9B3E6
#F5ECF9
Palette #24 Monochromatic
#0B5B40
#16B681
#49E9B4
#A4F4D9
#E8FCF6
Palette #25 Monochromatic
#9167CB
#CB9167
#67CB91
#2F1A4C
#4C2F1A
Palette #26 Triadic
#C8726A
#6AC872
#726AC8
#4A1F1C
#1C4A1F
Palette #27 Triadic
#55C2DD
#55A0DD
#557EDD
#555BDD
#7055DD
Palette #28 Analogous
#2D6C45
#6FC38F
#E3E8E5
#C36FA3
#6C2D54
Palette #29 Complementary
#6FC3B9
#6FB8C3
#6FA3C3
#6F8EC3
#6F79C3
Palette #30 Analogous
#D75BBC
#7ED75B
#5BD7B4
#521445
#F4F1F3
Palette #31 Split
#4967E9
#E97C49
#B6E949
#0B1A5B
#F1F1F4
Palette #32 Split
#5C560A
#B8AD14
#EBE047
#F5EFA3
#FCFBE8
Palette #33 Monochromatic
#65CD71
#7165CD
#CD7165
#194D1F
#1F194D
Palette #34 Triadic
#65B5CD
#CD65B5
#B5CD65
#19414D
#4D1941
Palette #35 Triadic
#D3C65F
#5FA7D3
#8B5FD3
#504916
#F4F3F1
Palette #36 Split
#5CE54D
#4DE563
#4DE58A
#4DE5B0
#4DE5D6
Palette #37 Analogous
#531513
#A62A26
#D95D59
#ECAEAC
#FAEBEA
Palette #38 Monochromatic
#3F90F3
#F33F90
#90F33F
#062F60
#60062F
Palette #39 Triadic
#C15DD5
#D5C15D
#5DD5C1
#471551
#514715
Palette #40 Triadic
#C56DAB
#7FC56D
#6DC5B3
#491D3C
#F4F1F3
Palette #41 Split
#57DBCE
#DB57A6
#DB8C57
#12544E
#F1F4F3
Palette #42 Split
#7464CE
#CE7464
#64CE74
#20184E
#4E2018
Palette #43 Triadic
#4D1584
#9950E2
#E6E3E8
#99E250
#4D8415
Palette #44 Complementary
#061B60
#0C36C0
#3F69F3
#9FB4F9
#E7ECFD
Palette #45 Monochromatic
#53DF5E
#53DF82
#53DFA5
#53DFC8
#53D4DF
Palette #46 Analogous
#6A85C8
#C87E6A
#B4C86A
#1C294A
#F1F2F4
Palette #47 Split
#3A0E8B
#8045ED
#E5E3E8
#B2ED45
#5F8B0E
Palette #48 Complementary
#6141F1
#8D41F1
#B941F1
#E541F1
#F141D1
Palette #49 Analogous
#4E2818
#9C5030
#CF8363
#E7C1B1
#F9F0EB
Palette #50 Monochromatic
#5A085E
#B40FBD
#E742F0
#F3A1F7
#FCE7FD
Palette #51 Monochromatic
#D75B76
#D75F5B
#D77E5B
#D79D5B
#D7BC5B
Palette #52 Analogous
#63BFCF
#CF6389
#CFA963
#18464E
#F1F3F4
Palette #53 Split
#EEC944
#44BEEE
#7444EE
#5D4B09
#F4F3F1
Palette #54 Split
#555B0B
#A9B715
#DCEA48
#EEF4A4
#FBFCE8
Palette #55 Monochromatic
#29705D
#6AC8AF
#E3E8E7
#C86A83
#70293C
Palette #56 Complementary
#80CB67
#8067CB
#CB67B2
#274C1A
#F2F4F1
Palette #57 Split
#EF5D43
#EF8843
#EFB343
#EFDE43
#D5EF43
Palette #58 Analogous
#2D1584
#6F50E2
#E4E3E8
#C3E250
#6C8415
Palette #59 Complementary
#7D1C62
#DA58B5
#E8E3E7
#58DA7D
#1C7D37
Palette #60 Complementary
#F042B9
#62F042
#42F0D0
#5E0843
#F4F1F3
Palette #61 Split
#54121D
#A8243A
#DB576D
#EDABB6
#FBEAED
Palette #62 Monochromatic
#B544EE
#D1EE44
#44EE61
#41095D
#F3F1F4
Palette #63 Split
#4C184E
#98309C
#CB63CF
#E5B1E7
#F9EBF9
Palette #64 Monochromatic
#D09D62
#62CCD0
#6662D0
#4F3517
#F4F2F1
Palette #65 Split
#DF6F53
#DF9253
#DFB553
#DFD853
#C3DF53
Palette #66 Analogous
#F042B0
#F04285
#F04259
#F05742
#F08242
Palette #67 Analogous
#6D2C5F
#C56DB2
#E8E3E7
#6DC580
#2C6D3A
Palette #68 Complementary
#C76E6B
#C7856B
#C79C6B
#C7B36B
#C4C76B
Palette #69 Analogous
#3C2E6B
#8370C2
#E4E3E8
#AFC270
#5D6B2E
Palette #70 Complementary
#4DE5A6
#4DE5CC
#4DD9E5
#4DB2E5
#4D8CE5
Palette #71 Analogous
#6B7326
#C2CC66
#E8E8E3
#7066CC
#2E2673
Palette #72 Complementary
#8E0B3D
#F04285
#E8E3E5
#42F0AD
#0B8E5C
Palette #73 Complementary
#935BD7
#B25BD7
#D15BD7
#D75BBE
#D75B9F
Palette #74 Analogous
#125C87
#4BAEE7
#E3E6E8
#E7844B
#873D12
Palette #75 Complementary
#88C76B
#6B88C7
#C76B88
#2B4A1C
#1C2B4A
Palette #76 Triadic
#2C6D43
#6DC58C
#E3E8E5
#C56DA6
#6D2C56
Palette #77 Complementary
#4B45ED
#ED4B45
#45ED4B
#0C095D
#5D0C09
Palette #78 Triadic
#6A1584
#C050E2
#E7E3E8
#72E250
#2F8415
Palette #79 Complementary
#125A87
#4AABE8
#E3E6E8
#E8874A
#873F12
Palette #80 Complementary
#5F071C
#BE0E37
#F1416A
#F8A0B5
#FDE7EC
Palette #81 Monochromatic
#5A0C22
#B41844
#E74B77
#F3A5BB
#FCE9EE
Palette #82 Monochromatic
#1C7D55
#59D9A4
#E3E8E6
#D9598E
#7D1C44
Palette #83 Complementary
#D98659
#59D9C6
#596CD9
#532913
#F4F2F1
Palette #84 Split
#C856DC
#DC56CF
#DC56AD
#DC568C
#DC566A
Palette #85 Analogous
#5F0713
#BE0E26
#F14159
#F8A0AC
#FDE7EA
Palette #86 Monochromatic
#6274D0
#6B62D0
#8762D0
#A262D0
#BE62D0
Palette #87 Analogous
#3EF4EB
#EB3EF4
#F4EB3E
#06605C
#5C0660
Palette #88 Triadic
#3FF3D5
#3FE4F3
#3FB7F3
#3F8AF3
#3F5DF3
Palette #89 Analogous
#06605F
#0BC1BE
#3EF4F1
#9FF9F8
#E7FEFD
Palette #90 Monochromatic
#4F4917
#9D922F
#D0C562
#E8E2B0
#F9F8EB
Palette #91 Monochromatic
#4B1B39
#963671
#C969A4
#E4B4D2
#F8ECF4
Palette #92 Monochromatic
#68CA87
#68CAA0
#68CAB8
#68C3CA
#68ABCA
Palette #93 Analogous
#D07662
#D09262
#D0AD62
#D0C962
#BCD062
Palette #94 Analogous
#3A085E
#7410BC
#A743EF
#D3A1F7
#F4E8FD
Palette #95 Monochromatic
#0E5853
#1DAFA6
#50E2D9
#A7F1EC
#E9FBFA
Palette #96 Monochromatic
#06605E
#0CC0BD
#3FF3F0
#9FF9F7
#E7FDFD
Palette #97 Monochromatic
#5A0C23
#B51747
#E84A7A
#F3A5BC
#FCE8EE
Palette #98 Monochromatic
#5348EA
#7B48EA
#A448EA
#CC48EA
#EA48DF
Palette #99 Analogous
#87DE54
#5487DE
#DE5487
#2A5610
#102A56
Palette #100 Triadic