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
#62CCD0
#D062CC
#CCD062
#174D4F
#4F174D
Palette #1 Triadic
#38570F
#70AD1F
#A3E052
#D1F0A8
#F3FBE9
Palette #2 Monochromatic
#DA58BA
#78DA58
#58DABA
#541243
#F4F1F3
Palette #3 Split
#A3D65C
#5C66D6
#CC5CD6
#385214
#F2F4F1
Palette #4 Split
#77D161
#6177D1
#D16177
#224F17
#17224F
Palette #5 Triadic
#DDCD55
#55A9DD
#8955DD
#554D11
#F4F3F1
Palette #6 Split
#EA9948
#EAC148
#EAEA48
#C1EA48
#99EA48
Palette #7 Analogous
#E17E51
#51E17E
#7E51E1
#57260F
#0F5726
Palette #8 Triadic
#65CD75
#65CD8F
#65CDA9
#65CDC3
#65BDCD
Palette #9 Analogous
#44CCEE
#44A1EE
#4477EE
#444DEE
#6644EE
Palette #10 Analogous
#83164B
#E15197
#E8E3E5
#51E19B
#16834E
Palette #11 Complementary
#7CCA68
#68CA6D
#68CA85
#68CA9E
#68CAB6
Palette #12 Analogous
#4B2277
#9760D2
#E5E3E8
#9BD260
#4E7722
Palette #13 Complementary
#B0C270
#9CC270
#87C270
#73C270
#70C282
Palette #14 Analogous
#DF537F
#7FDF53
#537FDF
#561026
#265610
Palette #15 Triadic
#6DC56F
#6DC585
#6DC59A
#6DC5B0
#6DC3C5
Palette #16 Analogous
#3D4B1B
#799636
#ACC969
#D6E4B4
#F5F8EC
Palette #17 Monochromatic
#E7C04B
#E7E74B
#C0E74B
#99E74B
#72E74B
Palette #18 Analogous
#153351
#2A66A2
#5D99D5
#AECCEA
#EBF2FA
Palette #19 Monochromatic
#D6F042
#AAF042
#7FF042
#54F042
#42F05C
Palette #20 Analogous
#678CCB
#6773CB
#7467CB
#8D67CB
#A667CB
Palette #21 Analogous
#52EE44
#4452EE
#EE4452
#105D09
#09105D
Palette #22 Triadic
#702F29
#C97169
#E8E3E3
#69C1C9
#296A70
Palette #23 Complementary
#891085
#EA48E4
#E8E3E8
#48EA4E
#108914
Palette #24 Complementary
#C845ED
#ED45E7
#ED45BD
#ED4593
#ED456A
Palette #25 Analogous
#E54D57
#4DE58F
#4DA3E5
#590D12
#F4F1F1
Palette #26 Split
#6E6C2B
#C6C36C
#E8E8E3
#6C6FC6
#2B2D6E
Palette #27 Complementary
#5988D9
#D96A59
#C8D959
#132A53
#F1F2F4
Palette #28 Split
#252674
#6466CE
#E3E3E8
#CECC64
#747325
Palette #29 Complementary
#D75B6B
#D7695B
#D7885B
#D7A85B
#D7C75B
Palette #30 Analogous
#C5A96D
#6DC5A9
#A96DC5
#493B1D
#1D493B
Palette #31 Triadic
#782152
#D35FA1
#E8E3E6
#5FD391
#217847
Palette #32 Complementary
#EC46AF
#AFEC46
#46AFEC
#5C0A3E
#3E5C0A
Palette #33 Triadic
#63A2CF
#6387CF
#636CCF
#7563CF
#9063CF
Palette #34 Analogous
#5645ED
#8045ED
#AA45ED
#D445ED
#ED45DC
Palette #35 Analogous
#7BEB47
#52EB47
#47EB65
#47EB8E
#47EBB7
Palette #36 Analogous
#5963D9
#D98E59
#A4D959
#131853
#F1F1F4
Palette #37 Split
#1D1551
#3B2BA1
#6E5ED4
#B6AEEA
#EDEBFA
Palette #38 Monochromatic
#59210D
#B3421A
#E5754D
#F2BAA6
#FCEEE9
Palette #39 Monochromatic
#CB6788
#CB676F
#CB7867
#CB9167
#CBAA67
Palette #40 Analogous
#D543EF
#EF43DE
#EF43B3
#EF4388
#EF435D
Palette #41 Analogous
#1D2149
#3A4192
#6D74C5
#B6BAE2
#EDEEF8
Palette #42 Monochromatic
#253E74
#6486CE
#E3E5E8
#CEAC64
#745B25
Palette #43 Complementary
#325C0A
#63B814
#96EB47
#CBF5A3
#F2FCE8
Palette #44 Monochromatic
#CE648B
#8BCE64
#648BCE
#4E182C
#2C4E18
Palette #45 Triadic
#5CD6A9
#D65CC6
#D66C5C
#14523B
#F1F4F3
Palette #46 Split
#51E15F
#A751E1
#E1518B
#0F5716
#F1F4F1
Palette #47 Split
#47EB8E
#47EBB7
#47EBE0
#47CDEB
#47A4EB
Palette #48 Analogous
#D65C60
#5CD695
#5C9DD6
#521416
#F4F1F1
Palette #49 Split
#154D51
#2A9AA2
#5DCDD5
#AEE6EA
#EBF9FA
Palette #50 Monochromatic
#536D2C
#A2C46E
#E6E8E3
#906EC4
#462C6D
Palette #51 Complementary
#8EC36F
#7A6FC3
#C36FB8
#2D481E
#F2F4F1
Palette #52 Split
#46EC57
#5746EC
#EC5746
#0A5C12
#120A5C
Palette #53 Triadic
#4F2317
#9D472F
#D07A62
#E8BCB0
#F9EEEB
Palette #54 Monochromatic
#CE649E
#9ECE64
#649ECE
#4E1836
#364E18
Palette #55 Triadic
#D9596A
#6AD959
#596AD9
#53131B
#1B5313
Palette #56 Triadic
#659BCD
#6581CD
#6567CD
#7D65CD
#9765CD
Palette #57 Analogous
#590D20
#B31A40
#E54D73
#F2A6B9
#FCE9ED
Palette #58 Monochromatic
#4A1C21
#943843
#C76B76
#E3B5BA
#F8EDEE
Palette #59 Monochromatic
#105644
#21AB89
#54DEBC
#A9EFDD
#EAFBF7
Palette #60 Monochromatic
#1A454D
#338A99
#66BDCC
#B3DEE6
#ECF7F9
Palette #61 Monochromatic
#122254
#2543A7
#5876DA
#ABBBED
#EAEEFA
Palette #62 Monochromatic
#110660
#210CC0
#543FF3
#AA9FF9
#EAE7FD
Palette #63 Monochromatic
#B255DD
#D455DD
#DD55C4
#DD55A2
#DD5580
Palette #64 Analogous
#185B81
#53ACDF
#E3E6E8
#DF8653
#813E18
Palette #65 Complementary
#223977
#607ED2
#E3E4E8
#D2B460
#776022
Palette #66 Complementary
#8357DB
#A457DB
#C557DB
#DB57D0
#DB57AF
Palette #67 Analogous
#3EE5F4
#F43EE5
#E5F43E
#065960
#600659
Palette #68 Triadic
#58DABC
#58D8DA
#58B7DA
#5897DA
#5876DA
Palette #69 Analogous
#D95981
#D95961
#D97059
#D99059
#D9B159
Palette #70 Analogous
#5FD382
#BC5FD3
#D35F76
#165027
#F1F4F2
Palette #71 Split
#906EC4
#C4906E
#6EC490
#2F1E48
#482F1E
Palette #72 Triadic
#48EAD7
#48D4EA
#48ACEA
#4884EA
#485BEA
Palette #73 Analogous
#C86A93
#6AC870
#6AC2C8
#4A1C30
#F4F1F2
Palette #74 Split
#32085E
#630FBD
#9642F0
#CBA1F7
#F2E7FD
Palette #75 Monochromatic
#C96984
#69C97E
#69B4C9
#4B1B29
#F4F1F2
Palette #76 Split
#E7AB4B
#4BD4E7
#5E4BE7
#5A3C0C
#F4F3F1
Palette #77 Split
#0C5A18
#17B52F
#4AE862
#A5F3B1
#E8FCEB
Palette #78 Monochromatic
#52B8E0
#5294E0
#5271E0
#5652E0
#7A52E0
Palette #79 Analogous
#551124
#A92349
#DC567C
#EEAABD
#FBEAEF
Palette #80 Monochromatic
#F43EE8
#E8F43E
#3EE8F4
#60065A
#5A6006
Palette #81 Triadic
#475F07
#8FBE0E
#C2F141
#E0F8A0
#F7FDE7
Palette #82 Monochromatic
#499CE9
#4974E9
#494CE9
#6F49E9
#9649E9
Palette #83 Analogous
#8C0D57
#EE44A7
#E8E3E6
#44EE8B
#0D8C42
Palette #84 Complementary
#6D8CC5
#6D76C5
#7A6DC5
#906DC5
#A66DC5
Palette #85 Analogous
#428E0B
#8AF141
#E5E8E3
#A841F1
#570B8E
Palette #86 Complementary
#153A84
#5081E2
#E3E5E8
#E2B150
#845F15
Palette #87 Complementary
#302A6F
#736BC7
#E3E3E8
#BFC76B
#696F2A
Palette #88 Complementary
#D55DA1
#D55D83
#D55D65
#D5735D
#D5915D
Palette #89 Analogous
#105056
#21A0AB
#54D3DE
#A9E9EF
#EAF9FB
Palette #90 Monochromatic
#67E949
#7C49E9
#E949B6
#1A5B0B
#F1F4F1
Palette #91 Split
#52D4E0
#E052D5
#D5E052
#0F5157
#570F51
Palette #92 Triadic
#8B0E89
#ED45EA
#E8E3E8
#45ED48
#0E8B10
Palette #93 Complementary
#5CD691
#CE5CD6
#D65C64
#14522F
#F1F4F2
Palette #94 Split
#E34F51
#51E34F
#4F51E3
#580E0F
#0F580E
Palette #95 Triadic
#2F1E7B
#725BD7
#E4E3E8
#C0D75B
#6A7B1E
Palette #96 Complementary
#534D13
#A69926
#D9CC59
#ECE6AC
#FAF9EA
Palette #97 Monochromatic
#6B2E50
#C2709D
#E8E3E6
#70C295
#2E6B49
Palette #98 Complementary
#52E0B1
#E052C9
#E06952
#0F573F
#F1F4F3
Palette #99 Split
#ED8545
#EDAF45
#EDD945
#D6ED45
#ADED45
Palette #100 Analogous