Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/688fa2-5d8091-537281-486471-3e5561-344751-293940-1f2a30-141c20-0a0e10-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 688FA2
RGB: 104,143,162
Hex: 5D8091
RGB: 93,128,145
Hex: 537281
RGB: 83,114,129
Hex: 486471
RGB: 72,100,113
Hex: 3E5561
RGB: 62,85,97
Hex: 344751
RGB: 52,71,81
Hex: 293940
RGB: 41,57,64
Hex: 1F2A30
RGB: 31,42,48
Hex: 141C20
RGB: 20,28,32
Hex: 0A0E10
RGB: 10,14,16
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
F0F4F6
E1E9EC
D2DDE3
C3D2DA
B4C7D1
A4BCC7
95B1BE
86A5B5
779AAB
688FA2
5E8192
537282
496471
3E5661
344851
2A3941
1F2B31
151D20
0A0E10
000000
FFFFFF
EFF2F4
DFE6E9
CED9DE
BECCD3
AEC0C8
9EB3BD
8EA6B2
7D99A7
6D8D9C
5D8091
547383
4A6674
415A66
384D57
2F4049
25333A
1C262B
131A1D
090D0E
000000
FFFFFF
EEF1F2
DDE3E6
CBD5D9
BAC7CD
A9B9C0
98AAB3
879CA7
758E9A
64808E
537281
4B6774
425B67
3A505A
32444D
2A3941
212E34
192227
11171A
080B0D
000000
FFFFFF
EDF0F1
DAE0E3
C8D1D4
B6C1C6
A4B2B8
91A2AA
7F939C
6D838D
5A747F
486471
415A66
3A505A
32464F
2B3C44
243239
1D282D
161E22
0E1417
070A0B
000000
FFFFFF
ECEEEF
D8DDDF
C5CCD0
B2BBC0
9FAAB0
8B99A0
788890
657781
516671
3E5561
384D57
32444E
2B3B44
25333A
1F2B31
192227
13191D
0C1113
06080A
000000
FFFFFF
EBEDEE
D6DADC
C2C8CB
AEB5B9
9AA3A8
859197
717E85
5D6C74
485962
344751
2F4049
2A3941
243239
1F2B31
1A2429
151C20
101518
0A0E10
050708
000000
FFFFFF
EAEBEC
D4D7D9
BFC4C6
A9B0B3
949CA0
7F888C
697479
546166
3E4D53
293940
25333A
212E33
1D282D
192226
151D20
10171A
0C1113
080B0D
040606
000000
FFFFFF
E9EAEA
D2D4D6
BCBFC1
A5AAAC
8F9598
797F83
626A6E
4C5559
353F45
1F2A30
1C262B
192226
161D22
13191D
101518
0C1113
090D0E
06080A
030405
000000
FFFFFF
E8E8E9
D0D2D2
B9BBBC
A1A4A6
8A8E90
727779
5B6063
43494D
2C3336
141C20
12191D
10161A
0E1416
0C1113
0A0E10
080B0D
06080A
040606
020303
000000
FFFFFF
E7E7E7
CECFCF
B6B7B7
9D9F9F
858788
6C6E70
545658
3B3E40
232628
0A0E10
090D0E
080B0D
070A0B
06080A
050708
040606
030405
020303
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