Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/717e8f-7f8a9a-8d97a5-9ba4b0-a9b1bb-b8bec7-c6cbd2-d4d8dd-e2e5e8-f0f2f3-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 717E8F
RGB: 113,126,143
Hex: 7F8A9A
RGB: 127,138,154
Hex: 8D97A5
RGB: 141,151,165
Hex: 9BA4B0
RGB: 155,164,176
Hex: A9B1BB
RGB: 169,177,187
Hex: B8BEC7
RGB: 184,190,199
Hex: C6CBD2
RGB: 198,203,210
Hex: D4D8DD
RGB: 212,216,221
Hex: E2E5E8
RGB: 226,229,232
Hex: F0F2F3
RGB: 240,242,243
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
F1F2F4
E3E5E9
D4D8DD
C6CBD2
B8BFC7
AAB2BC
9CA5B1
8D98A5
7F8B9A
717E8F
667181
5A6572
4F5864
444C56
393F48
2D3239
22262B
17191D
0B0D0E
000000
FFFFFF
F2F3F5
E5E8EB
D9DCE1
CCD0D7
BFC5CD
B2B9C2
A5ADB8
99A1AE
8C96A4
7F8A9A
727C8B
666E7B
59616C
4C535C
40454D
33373E
26292E
191C1F
0D0E0F
000000
FFFFFF
F4F5F6
E8EAED
DDE0E4
D1D5DB
C6CBD2
BBC1C9
AFB6C0
A4ACB7
98A1AE
8D97A5
7F8895
717984
636A73
555B63
474C53
383C42
2A2D31
1C1E21
0E0F10
000000
FFFFFF
F5F6F7
EBEDEF
E1E4E7
D7DBDF
CDD2D8
C3C8D0
B9BFC8
AFB6C0
A5ADB8
9BA4B0
8C949E
7C838D
6D737B
5D626A
4E5258
3E4246
2E3135
1F2123
0F1012
000000
FFFFFF
F6F7F8
EEEFF1
E5E8EB
DDE0E4
D4D8DD
CBD0D6
C3C8CF
BAC1C9
B2B9C2
A9B1BB
989FA8
878E96
767C83
656A70
55595E
44474B
333538
222325
111213
000000
FFFFFF
F8F9F9
F1F2F4
EAECEE
E3E5E9
DCDFE3
D4D8DD
CDD2D8
C6CBD2
BFC5CD
B8BEC7
A6ABB3
93989F
81858B
6E7277
5C5F64
4A4C50
37393C
252628
121314
000000
FFFFFF
F9FAFB
F4F5F6
EEEFF2
E8EAED
E3E5E9
DDE0E4
D7DBE0
D1D5DB
CCD0D7
C6CBD2
B2B7BD
9EA2A8
8B8E93
777A7E
636669
4F5154
3B3D3F
28292A
141415
000000
FFFFFF
FBFBFC
F6F7F8
F2F3F5
EEEFF1
EAECEE
E5E8EB
E1E4E7
DDE0E4
D8DCE0
D4D8DD
BFC2C7
AAADB1
94979B
7F8285
6A6C6F
555658
404142
2A2B2C
151616
000000
FFFFFF
FCFCFD
F9FAFA
F6F7F8
F3F5F6
F1F2F4
EEEFF1
EBEDEF
E8EAED
E5E8EA
E2E5E8
CBCED1
B5B7BA
9EA0A2
88898B
717374
5A5C5D
444546
2D2E2E
171717
000000
FFFFFF
FEFEFE
FCFCFD
FBFBFB
F9FAFA
F8F9F9
F6F7F8
F5F6F7
F3F5F5
F2F3F4
F0F2F3
D8DADB
C0C2C2
A8A9AA
909192
78797A
606161
484949
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