Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/686f99-777da3-868bad-959ab7-a4a8c1-b3b7cc-c2c5d6-d1d3e0-e0e2ea-eff0f4-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 686F99
RGB: 104,111,153
Hex: 777DA3
RGB: 119,125,163
Hex: 868BAD
RGB: 134,139,173
Hex: 959AB7
RGB: 149,154,183
Hex: A4A8C1
RGB: 164,168,193
Hex: B3B7CC
RGB: 179,183,204
Hex: C2C5D6
RGB: 194,197,214
Hex: D1D3E0
RGB: 209,211,224
Hex: E0E2EA
RGB: 224,226,234
Hex: EFF0F4
RGB: 239,240,244
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
F0F1F5
E1E2EB
D2D4E0
C3C5D6
B4B7CC
A4A9C2
959AB8
868CAD
777DA3
686F99
5E648A
53597A
494E6B
3E435C
34384D
2A2C3D
1F212E
15161F
0A0B0F
000000
FFFFFF
F1F2F6
E4E5ED
D6D8E3
C9CBDA
BBBED1
ADB1C8
A0A4BF
9297B5
858AAC
777DA3
6B7193
5F6482
535872
474B62
3C3F52
303241
242531
181921
0C0C10
000000
FFFFFF
F3F3F7
E7E8EF
DBDCE6
CFD1DE
C3C5D6
B6B9CE
AAAEC6
9EA2BD
9297B5
868BAD
797D9C
6B6F8A
5E6179
505368
434657
363845
282A34
1B1C23
0D0E11
000000
FFFFFF
F4F5F8
EAEBF1
DFE1E9
D5D7E2
CACDDB
BFC2D4
B5B8CD
AAAEC5
A0A4BE
959AB7
868BA5
777B92
686C80
595C6E
4B4D5C
3C3E49
2D2E37
1E1F25
0F0F12
000000
FFFFFF
F6F6F9
EDEEF3
E4E5EC
DBDCE6
D2D4E0
C8CBDA
BFC2D4
B6B9CD
ADB1C7
A4A8C1
9497AE
83869A
737687
626574
525461
42434D
31323A
212227
101113
000000
FFFFFF
F7F8FA
F0F1F5
E8E9F0
E1E2EB
D9DBE6
D1D4E0
CACDDB
C2C5D6
BBBED1
B3B7CC
A1A5B8
8F92A3
7D808F
6B6E7A
5A5C66
484952
36373D
242529
121214
000000
FFFFFF
F9F9FB
F3F3F7
EDEEF3
E7E8EF
E1E2EB
DADCE6
D4D6E2
CED1DE
C8CBDA
C2C5D6
AFB1C1
9B9EAB
888A96
747680
61636B
4E4F56
3A3B40
27272B
131415
000000
FFFFFF
FAFBFC
F6F6F9
F1F2F6
EDEDF3
E8E9F0
E3E5EC
DFE0E9
DADCE6
D6D7E3
D1D3E0
BCBECA
A7A9B3
92949D
7D7F86
696A70
54545A
3F3F43
2A2A2D
151516
000000
FFFFFF
FCFCFD
F9F9FB
F6F6F9
F3F3F7
F0F1F5
ECEEF2
E9EBF0
E6E8EE
E3E5EC
E0E2EA
CACBD3
B3B5BB
9D9EA4
86888C
707175
5A5A5E
434446
2D2D2F
161717
000000
FFFFFF
FDFEFE
FCFCFD
FAFBFC
F9F9FB
F7F8FA
F5F6F8
F4F5F7
F2F3F6
F1F2F5
EFF0F4
D7D8DC
BFC0C3
A7A8AB
8F9092
78787A
606062
484849
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