Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/7d8eec-707fd4-6471bc-5763a5-4b558d-3e4776-32385e-252a46-191c2f-0c0e17-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 7D8EEC
RGB: 125,142,236
Hex: 707FD4
RGB: 112,127,212
Hex: 6471BC
RGB: 100,113,188
Hex: 5763A5
RGB: 87,99,165
Hex: 4B558D
RGB: 75,85,141
Hex: 3E4776
RGB: 62,71,118
Hex: 32385E
RGB: 50,56,94
Hex: 252A46
RGB: 37,42,70
Hex: 191C2F
RGB: 25,28,47
Hex: 0C0E17
RGB: 12,14,23
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
F2F4FD
E5E8FB
D8DDF9
CBD2F7
BEC7F6
B1BBF4
A4B0F2
97A5F0
8A99EE
7D8EEC
7180D4
6472BD
5863A5
4B558E
3F4776
32395E
252B47
191C2F
0C0E18
000000
FFFFFF
F1F2FB
E2E5F6
D4D9F2
C6CCEE
B8BFEA
A9B2E5
9BA5E1
8D99DD
7E8CD8
707FD4
6572BF
5A66AA
4E5994
434C7F
38406A
2D3355
222640
16192A
0B0D15
000000
FFFFFF
F0F1F8
E0E3F2
D1D4EB
C1C6E4
B2B8DE
A2AAD7
939CD0
838DC9
747FC3
6471BC
5A66A9
505A96
464F84
3C4471
32395E
282D4B
1E2238
141726
0A0B13
000000
FFFFFF
EEEFF6
DDE0ED
CDD0E4
BCC1DB
ABB1D2
9AA1C9
8992C0
7982B7
6873AE
5763A5
4E5995
464F84
3D4573
343B63
2C3253
232842
1A1E31
111421
090A10
000000
FFFFFF
EDEEF4
DBDDE8
C9CCDD
B7BBD1
A5AAC6
9399BB
8188AF
6F77A4
5D6698
4B558D
444D7F
3C4471
353B63
2D3355
262B47
1E2238
16192A
0F111C
07080E
000000
FFFFFF
ECEDF1
D8DAE4
C5C8D6
B2B5C8
9FA3BB
8B91AD
787E9F
656C91
515984
3E4776
38406A
32395E
2B3253
252B47
1F243B
191C2F
131523
0C0E18
06070C
000000
FFFFFF
EBEBEF
D6D7DF
C2C3CF
ADAFBF
999CAF
84889E
70748E
5B607E
474C6E
32385E
2D3255
282D4B
232742
1E2238
191C2F
141626
0F111C
0A0B13
050609
000000
FFFFFF
E9EAED
D3D4DA
BEBFC8
A8AAB5
9295A3
7C7F90
666A7E
51556B
3B3F59
252A46
21263F
1E2238
1A1D31
16192A
131523
0F111C
0B0D15
07080E
040407
000000
FFFFFF
E8E8EA
D1D2D5
BABBC1
A3A4AC
8C8E97
757782
5E606D
474959
303344
191C2F
17192A
141626
121421
0F111C
0D0E18
0A0B13
07080E
050609
020305
000000
FFFFFF
E7E7E8
CECFD1
B6B7B9
9E9FA2
86878B
6D6E74
55565D
3D3E45
24262E
0C0E17
0B0D15
0A0B12
080A10
07080E
06070C
050609
040407
020305
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