Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/646fd4-5a63be-5058a9-464d94-3c427f-32376a-272c54-1e213f-14162a-0a0b15-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 646FD4
RGB: 100,111,212
Hex: 5A63BE
RGB: 90,99,190
Hex: 5058A9
RGB: 80,88,169
Hex: 464D94
RGB: 70,77,148
Hex: 3C427F
RGB: 60,66,127
Hex: 32376A
RGB: 50,55,106
Hex: 272C54
RGB: 39,44,84
Hex: 1E213F
RGB: 30,33,63
Hex: 14162A
RGB: 20,22,42
Hex: 0A0B15
RGB: 10,11,21
Hex: 000000
RGB: 0,0,0
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
F0F1FB
E0E2F6
D1D4F2
C1C5EE
B2B7EA
A2A9E5
939AE1
838CDD
747DD8
646FD4
5A64BF
5059AA
464E94
3C437F
32386A
282C55
1E2140
14162A
0A0B15
000000
FFFFFF
EFEFF9
DEE0F2
CED0EC
BDC1E5
ADB1DF
9CA1D8
8C92D2
7B82CB
6B73C5
5A63BE
5159AB
484F98
3F4585
363B72
2D325F
24284C
1B1E39
121426
090A13
000000
FFFFFF
EEEEF6
DCDEEE
CBCDE5
B9BCDD
A8ACD4
969BCB
858AC3
7379BA
6269B2
5058A9
484F98
404687
383E76
303565
282C55
202344
181A33
101222
080911
000000
FFFFFF
EDEDF4
DADBEA
C8CADF
B5B8D4
A3A6CA
9094BF
7E82B4
6B71A9
595F9F
464D94
3F4585
383E76
313668
2A2E59
23274A
1C1F3B
15172C
0E0F1E
07080F
000000
FFFFFF
ECECF2
D8D9E5
C5C6D9
B1B3CC
9EA1BF
8A8EB2
777BA5
636899
50558C
3C427F
363B72
303566
2A2E59
24284C
1E2140
181A33
121426
0C0D19
06070D
000000
FFFFFF
EBEBF0
D6D7E1
C2C3D2
ADAFC3
999BB5
8487A6
707397
5B5F88
474B79
32376A
2D325F
282C55
23274A
1E2140
191C35
14162A
0F1020
0A0B15
05050B
000000
FFFFFF
E9EAEE
D4D5DD
BEC0CC
A9ABBB
9396AA
7D8098
686B87
525676
3D4165
272C54
23284C
1F2343
1B1F3B
171A32
14162A
101222
0C0D19
080911
040408
000000
FFFFFF
E9E9EC
D2D3D9
BCBCC5
A5A6B2
8F909F
787A8C
626479
4B4D65
353752
1E213F
1B1E39
181A32
15172C
121426
0F1120
0C0D19
090A13
06070D
030306
000000
FFFFFF
E8E8EA
D0D0D4
B9B9BF
A1A2AA
8A8B95
72737F
5B5C6A
434555
2C2D3F
14162A
121426
101222
0E0F1D
0C0D19
0A0B15
080911
06070D
040408
020204
000000
FFFFFF
E7E7E8
CECED0
B6B6B9
9D9DA1
85858A
6C6D73
54545B
3B3C44
23232C
0A0B15
090A13
080911
07080F
06070D
05060B
040408
030306
020204
010102
000000
FFFFFF
E6E6E6
CCCCCC
B3B3B3
999999
808080
666666
4D4D4D
333333
1A1A1A
000000
000000
000000
000000
000000
000000
000000
000000
000000
000000
000000
! This online Color Palette Generator tool works well on larger displays like desktop/laptop screens or switch to desktop mode in the mobile browser.
~ Color Name is not the exact match. It is the nearest matching name to the Hex Code.
- Indicates no matching color name found.
Color shades and tints
close (X)





Home > Palette > Palette Editor

Color wheel - Color scheme palette generator and editor

Create and edit the color palette using the color scheme and palette generator. A color wheel generator. Apply the color palette to design mockups.

Color wheel - Color palette generator and editor

Generate a random color palette by selecting the color scheme. The palette generator also comes with a website mockup, mobile app mockup, geometric pattern, T-Shirt designs, and graphs. Check how the palette looks by applying the color palette to the different mockups and designs provided by the editor.

  • Random 3 color palette
  • Random 4 color palette
  • Random 6 color palette
  • Monochromatic
  • Analogous
  • Complementary
  • Split Complementary
  • Triadic
  • Tetradic
  • Hexadic

3 Color Palette Generator for 60-30-10 rule


Generate three color palette that work well together and can be used as the primary, secondary, and accent colors in your design. By using just three colors, you can create a sense of balance and simplicity, while still allowing for plenty of creativity. The 60-30-10 rule is a popular guideline for using three-color palettes in design. According to this rule, 60% of your design should be made up of the dominant color, 30% should be the secondary color, and 10% should be the accent color.


4 Color Palette Generator


Four color palettes offer more flexibility and complexity in design than three-color palettes. With four colors, you can create a wider range of moods and styles, while still maintaining balance and harmony. One common way to use a four-color palette is to choose a dominant color, two supporting colors, and an accent color. The dominant color should be the main color in your design, while the supporting colors should complement it. The accent color can be used to add a pop of color and draw attention to certain elements, just as in a three-color palette.


6 Color Palette Generator


If you're looking to add a touch of vibrancy to your design or require more variety in terms of color options, six color palettes can be an good option. These palettes offer a diverse range of colors, providing you with the flexibility you need to create a visually striking and eye-catching design.
Six-color palettes provide even more flexibility and complexity in design than four-color palettes. With six colors, you can create a wide range of moods and styles, while still maintaining balance and harmony. One way to use a six-color palette is to choose a dominant color, two supporting colors, and three accent colors. Another way to use a six-color palette is to choose three sets of complementary colors. For example, you might choose blue and orange as one set, green and purple as another set, and yellow and red as a third set. When used together, these colors can create a sense of vibrancy and energy, while still maintaining balance.


Pastel Color Palette Generator: A Soft Touch for Design


Pastel color palettes are known for their soft, muted tones that evoke calmness.
Colorxs pastel color palette generator is a fantastic tool for designers and creatives like you to incorporate these delicate shades into the project. Generate endless pastel combinations that perfectly balance soft hues.




Explore Color Palettes