Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/9c9bf7-8c8bde-7c7cc5-6d6cac-5d5d94-4e4d7b-3e3e62-2e2e4a-1f1f31-0f0f18-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 9C9BF7
RGB: 156,155,247
Hex: 8C8BDE
RGB: 140,139,222
Hex: 7C7CC5
RGB: 124,124,197
Hex: 6D6CAC
RGB: 109,108,172
Hex: 5D5D94
RGB: 93,93,148
Hex: 4E4D7B
RGB: 78,77,123
Hex: 3E3E62
RGB: 62,62,98
Hex: 2E2E4A
RGB: 46,46,74
Hex: 1F1F31
RGB: 31,31,49
Hex: 0F0F18
RGB: 15,15,24
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
F5F5FE
EBEBFD
E1E1FD
D7D7FC
CECDFB
C4C3FA
BAB9F9
B0AFF9
A6A5F8
9C9BF7
8C8CDE
7D7CC6
6D6DAD
5E5D94
4E4E7C
3E3E63
2F2E4A
1F1F31
100F19
000000
FFFFFF
F4F3FC
E8E8F8
DDDCF5
D1D1F2
C6C5EF
BAB9EB
AFAEE8
A3A2E5
9897E1
8C8BDE
7E7DC8
706FB2
62619B
545385
46466F
383859
2A2A43
1C1C2C
0E0E16
000000
FFFFFF
F2F2F9
E5E5F3
D8D8EE
CBCBE8
BEBEE2
B0B0DC
A3A3D6
9696D1
8989CB
7C7CC5
7070B1
63639E
57578A
4A4A76
3E3E63
32324F
25253B
191927
0C0C14
000000
FFFFFF
F0F0F7
E2E2EE
D3D3E6
C5C4DE
B6B6D6
A7A7CD
9998C5
8A89BD
7C7BB4
6D6CAC
62619B
57568A
4C4C78
414167
373656
2C2B45
212034
161622
0B0B11
000000
FFFFFF
EFEFF4
DFDFEA
CECEDF
BEBED4
AEAECA
9E9EBF
8E8EB4
7D7DA9
6D6D9F
5D5D94
545485
4A4A76
414168
383859
2F2F4A
25253B
1C1C2C
13131E
09090F
000000
FFFFFF
EDEDF2
DCDBE5
CACAD7
B8B8CA
A7A6BD
9594B0
8382A3
717195
605F88
4E4D7B
46456F
3E3E62
373656
2F2E4A
27273E
1F1F31
171725
100F19
08080C
000000
FFFFFF
ECECEF
D8D8E0
C5C5D0
B2B2C0
9F9FB1
8B8BA1
787891
656581
515172
3E3E62
383858
32324E
2B2B45
25253B
1F1F31
191927
13131D
0C0C14
06060A
000000
FFFFFF
EAEAED
D5D5DB
C0C0C9
ABABB7
9797A5
828292
6D6D80
58586E
43435C
2E2E4A
292943
25253B
202034
1C1C2C
171725
12121E
0E0E16
09090F
050507
000000
FFFFFF
E9E9EA
D2D2D6
BCBCC1
A5A5AD
8F8F98
797983
62626F
4C4C5A
353546
1F1F31
1C1C2C
191927
161622
13131D
101019
0C0C14
09090F
06060A
030305
000000
FFFFFF
E7E7E8
CFCFD1
B7B7BA
9F9FA3
87878C
6F6F74
57575D
3F3F46
27272F
0F0F18
0E0E16
0C0C13
0B0B11
09090E
08080C
06060A
040407
030305
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