Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/6387ff-597ae6-4f6ccc-455eb2-3b5199-324480-283666-1e284c-141b33-0a0d19-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 6387FF
RGB: 99,135,255
Hex: 597AE6
RGB: 89,122,230
Hex: 4F6CCC
RGB: 79,108,204
Hex: 455EB2
RGB: 69,94,178
Hex: 3B5199
RGB: 59,81,153
Hex: 324480
RGB: 50,68,128
Hex: 283666
RGB: 40,54,102
Hex: 1E284C
RGB: 30,40,76
Hex: 141B33
RGB: 20,27,51
Hex: 0A0D19
RGB: 10,13,25
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
EFF3FF
E0E7FF
D0DBFF
C1CFFF
B1C3FF
A1B7FF
92ABFF
829FFF
7393FF
6387FF
597AE6
4F6CCC
455FB3
3B5199
324480
283666
1E284C
141B33
0A0D19
000000
FFFFFF
EEF2FD
DEE4FA
CDD7F8
BDCAF5
ACBDF3
9BAFF0
8BA2EE
7A95EB
6A87E9
597AE6
506ECF
4762B8
3E55A1
35498A
2D3D73
24315C
1B2545
12182E
090C17
000000
FFFFFF
EDF0FA
DCE2F5
CAD3F0
B9C4EB
A7B6E6
95A7E0
8498DB
7289D6
617BD1
4F6CCC
4761B8
3F56A3
374C8F
2F417A
283666
202B52
18203D
101629
080B14
000000
FFFFFF
ECEFF7
DADFF0
C7CFE8
B5BFE0
A2AFD9
8F9ED1
7D8EC9
6A7EC1
586EBA
455EB2
3E55A0
374B8E
30427D
29386B
232F59
1C2647
151C35
0E1324
070912
000000
FFFFFF
EBEEF5
D8DCEB
C4CBE0
B1B9D6
9DA8CC
8997C2
7685B8
6274AD
4F62A3
3B5199
35498A
2F417A
29396B
23315C
1E294D
18203D
12182E
0C101F
06080F
000000
FFFFFF
EBECF2
D6DAE6
C2C7D9
ADB4CC
99A2C0
848FB3
707CA6
5B6999
47578D
324480
2D3D73
283666
23305A
1E294D
192240
141B33
0F1426
0A0E1A
05070D
000000
FFFFFF
EAEBF0
D4D7E0
BFC3D1
A9AFC2
949BB3
7E86A3
697294
535E85
3E4A75
283666
24315C
202B52
1C2647
18203D
141B33
101629
0C101F
080B14
04050A
000000
FFFFFF
E9EAED
D2D4DB
BCBFC9
A5A9B7
8F94A6
787E94
626982
4B5370
353E5E
1E284C
1B2444
18203D
151C35
12182E
0F1426
0C101E
090C17
06080F
030408
000000
FFFFFF
E8E8EB
D0D1D6
B9BBC2
A1A4AD
8A8D99
727685
5B5F70
43495C
2C3247
141B33
12182E
101629
0E1324
0C101F
0A0E1A
080B14
06080F
04050A
020305
000000
FFFFFF
E7E7E8
CECFD1
B6B6BA
9D9EA3
85868C
6C6E75
54565E
3B3D47
232530
0A0D19
090C17
080A14
070912
06080F
05070D
04050A
030407
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