Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/5758a1-6768aa-7879b3-898abd-9a9ac6-ababd0-bbbcd9-cccce2-ddddec-eeeef5-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 5758A1
RGB: 87,88,161
Hex: 6768AA
RGB: 103,104,170
Hex: 7879B3
RGB: 120,121,179
Hex: 898ABD
RGB: 137,138,189
Hex: 9A9AC6
RGB: 154,154,198
Hex: ABABD0
RGB: 171,171,208
Hex: BBBCD9
RGB: 187,188,217
Hex: CCCCE2
RGB: 204,204,226
Hex: DDDDEC
RGB: 221,221,236
Hex: EEEEF5
RGB: 238,238,245
Hex: FFFFFF
RGB: 255,255,255
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
EEEEF6
DDDEEC
CDCDE3
BCBCD9
ABACD0
9A9BC7
898ABD
7979B4
6869AA
5758A1
4E4F91
464681
3D3E71
343561
2C2C51
232340
1A1A30
111220
090910
000000
FFFFFF
F0F0F7
E1E1EE
D1D2E6
C2C3DD
B3B4D5
A4A4CC
9595C4
8586BB
7677B3
6768AA
5D5E99
525388
484977
3E3E66
343455
292A44
1F1F33
151522
0A0A11
000000
FFFFFF
F2F2F7
E4E4F0
D7D7E8
C9C9E1
BCBCD9
AEAFD1
A1A1CA
9394C2
8686BB
7879B3
6C6DA1
60618F
54557D
48496B
3C3D5A
303048
242436
181824
0C0C12
000000
FFFFFF
F3F3F8
E7E8F2
DCDCEB
D0D0E5
C4C5DE
B8B9D7
ACADD1
A1A1CA
9596C4
898ABD
7B7CAA
6E6E97
606184
525371
45455F
37374C
292939
1B1C26
0E0E13
000000
FFFFFF
F5F5F9
EBEBF4
E1E1EE
D7D7E8
CDCDE3
C2C2DD
B8B8D7
AEAED1
A4A4CC
9A9AC6
8B8BB2
7B7B9E
6C6C8B
5C5C77
4D4D63
3E3E4F
2E2E3B
1F1F28
0F0F14
000000
FFFFFF
F7F7FA
EEEEF6
E6E6F1
DDDDEC
D5D5E8
CDCDE3
C4C4DE
BCBCD9
B3B3D5
ABABD0
9A9ABB
8989A6
787892
67677D
565668
444453
33333E
22222A
111115
000000
FFFFFF
F8F8FB
F1F2F7
EBEBF4
E4E4F0
DDDEEC
D6D7E8
CFD0E4
C9C9E1
C2C3DD
BBBCD9
A8A9C3
9696AE
838498
707182
5E5E6D
4B4B57
383841
25262B
131316
000000
FFFFFF
FAFAFC
F5F5F9
F0F0F6
EBEBF3
E6E6F1
E0E0EE
DBDBEB
D6D6E8
D1D1E5
CCCCE2
B8B8CB
A3A3B5
8F8F9E
7A7A88
666671
52525A
3D3D44
29292D
141417
000000
FFFFFF
FCFCFD
F8F8FB
F5F5F9
F1F1F7
EEEEF6
EBEBF4
E7E7F2
E4E4F0
E0E0EE
DDDDEC
C7C7D4
B1B1BD
9B9BA5
85858E
6F6F76
58585E
424247
2C2C2F
161618
000000
FFFFFF
FDFDFE
FCFCFD
FAFAFC
F8F8FB
F7F7FA
F5F5F9
F3F3F8
F1F1F7
F0F0F6
EEEEF5
D6D6DD
BEBEC4
A7A7AC
8F8F93
77777B
5F5F62
474749
303031
181818
000000
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
E6E6E6
CCCCCC
B3B3B3
999999
808080
666666
4C4C4C
333333
191919
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