Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/648ffd-5a81e4-5072ca-4664b1-3c5698-32487e-283965-1e2b4c-141d33-0a0e19-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 648FFD
RGB: 100,143,253
Hex: 5A81E4
RGB: 90,129,228
Hex: 5072CA
RGB: 80,114,202
Hex: 4664B1
RGB: 70,100,177
Hex: 3C5698
RGB: 60,86,152
Hex: 32487E
RGB: 50,72,126
Hex: 283965
RGB: 40,57,101
Hex: 1E2B4C
RGB: 30,43,76
Hex: 141D33
RGB: 20,29,51
Hex: 0A0E19
RGB: 10,14,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
F0F4FF
E0E9FF
D1DDFE
C1D2FE
B2C7FE
A2BCFE
93B1FE
83A5FD
749AFD
648FFD
5A81E4
5072CA
4664B1
3C5698
32487F
283965
1E2B4C
141D33
0A0E19
000000
FFFFFF
EFF2FC
DEE6FA
CED9F7
BDCDF4
ADC0F2
9CB3EF
8CA7EC
7B9AE9
6B8EE7
5A81E4
5174CD
4867B6
3F5AA0
364D89
2D4172
24345B
1B2744
121A2E
090D17
000000
FFFFFF
EEF1FA
DCE3F4
CBD5EF
B9C7EA
A8B9E5
96AADF
859CDA
738ED5
6280CF
5072CA
4867B6
405BA2
38508D
304479
283965
202E51
18223D
101728
080B14
000000
FFFFFF
EDF0F7
DAE0EF
C8D1E8
B5C1E0
A3B2D8
90A2D0
7E93C8
6B83C1
5974B9
4664B1
3F5A9F
38508E
31467C
2A3C6A
233259
1C2847
151E35
0E1423
070A12
000000
FFFFFF
ECEEF5
D8DDEA
C5CCE0
B1BBD6
9EABCC
8A9AC1
7789B7
6378AD
5067A2
3C5698
364D89
30457A
2A3C6A
24345B
1E2B4C
18223D
121A2E
0C111E
06090F
000000
FFFFFF
EBEDF2
D6DAE5
C2C8D8
ADB6CB
99A4BF
8491B2
707FA5
5B6D98
475A8B
32487E
2D4171
283A65
233258
1E2B4C
19243F
141D32
0F1626
0A0E19
05070D
000000
FFFFFF
EAEBF0
D4D7E0
BFC4D1
A9B0C1
949CB2
7E88A3
697493
536184
3E4D74
283965
24335B
202E51
1C2847
18223D
141D33
101728
0C111E
080B14
04060A
000000
FFFFFF
E9EAED
D2D5DB
BCBFC9
A5AAB7
8F95A6
788094
626B82
4B5570
35405E
1E2B4C
1B2744
18223D
151E35
121A2E
0F1626
0C111E
090D17
06090F
030408
000000
FFFFFF
E8E8EB
D0D2D6
B9BBC2
A1A5AD
8A8E99
727785
5B6170
434A5C
2C3447
141D33
121A2E
101729
0E1424
0C111F
0A0F1A
080C14
06090F
04060A
020305
000000
FFFFFF
E7E7E8
CECFD1
B6B7BA
9D9FA3
85878C
6C6E75
54565E
3B3E47
232630
0A0E19
090D17
080B14
070A12
06080F
05070D
04060A
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