Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/6880ff-5d73e5-5366cc-4859b2-3e4c99-34407f-293366-1f264c-141933-0a0c19-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 6880FF
RGB: 104,128,255
Hex: 5D73E5
RGB: 93,115,229
Hex: 5366CC
RGB: 83,102,204
Hex: 4859B2
RGB: 72,89,178
Hex: 3E4C99
RGB: 62,76,153
Hex: 34407F
RGB: 52,64,127
Hex: 293366
RGB: 41,51,102
Hex: 1F264C
RGB: 31,38,76
Hex: 141933
RGB: 20,25,51
Hex: 0A0C19
RGB: 10,12,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
F0F2FF
E1E6FF
D2D9FF
C3CCFF
B4C0FF
A4B3FF
95A6FF
8699FF
778DFF
6880FF
5E73E6
5366CC
495AB3
3E4D99
344080
2A3366
1F264C
151A33
0A0D19
000000
FFFFFF
EFF1FC
DFE3FA
CED5F7
BEC7F5
AEB9F2
9EABEF
8E9DED
7D8FEA
6D81E8
5D73E5
5468CE
4A5CB7
4151A0
384589
2F3A73
252E5C
1C2245
13172E
090B17
000000
FFFFFF
EEF0FA
DDE0F5
CBD1F0
BAC2EB
A9B3E6
98A3E0
8794DB
7585D6
6475D1
5366CC
4B5CB8
4252A3
3A478F
323D7A
2A3366
212952
191F3D
111429
080A14
000000
FFFFFF
EDEEF7
DADEF0
C8CDE8
B6BDE0
A4ACD9
919BD1
7F8BC9
6D7AC1
5A6ABA
4859B2
4150A0
3A478E
323E7D
2B356B
242D59
1D2447
161B35
0E1224
070912
000000
FFFFFF
ECEDF5
D8DBEB
C5C9E0
B2B7D6
9FA6CC
8B94C2
7882B8
6570AD
515EA3
3E4C99
38448A
323D7A
2B356B
252E5C
1F264D
191E3D
13172E
0C0F1F
06080F
000000
FFFFFF
EBECF2
D6D9E5
C2C6D9
AEB3CC
9AA0BF
858CB2
7179A5
5D6699
48538C
34407F
2F3A72
2A3366
242D59
1F264C
1A2040
151A33
101326
0A0D19
05060D
000000
FFFFFF
EAEBF0
D4D6E0
BFC2D1
A9ADC2
9499B3
7F85A3
697094
545C85
3E4775
293366
252E5C
212952
1D2447
191F3D
151A33
101429
0C0F1F
080A14
04050A
000000
FFFFFF
E9E9ED
D2D4DB
BCBEC9
A5A8B7
8F93A6
797D94
626782
4C5170
353C5E
1F264C
1C2244
191E3D
161B35
13172E
101326
0C0F1E
090B17
06080F
030408
000000
FFFFFF
E8E8EB
D0D1D6
B9BAC2
A1A3AD
8A8C99
727585
5B5E70
43475C
2C3047
141933
12172E
101429
0E1224
0C0F1F
0A0D1A
080A14
06070F
04050A
020205
000000
FFFFFF
E7E7E8
CECED1
B6B6BA
9D9EA3
85868C
6C6D75
54555E
3B3D47
232430
0A0C19
090B17
080A14
070812
06070F
05060D
04050A
030407
020205
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