Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/9497d6-8588c1-7679ab-686a96-595b80-4a4c6b-3b3c56-2c2d40-1e1e2b-0f0f15-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 9497D6
RGB: 148,151,214
Hex: 8588C1
RGB: 133,136,193
Hex: 7679AB
RGB: 118,121,171
Hex: 686A96
RGB: 104,106,150
Hex: 595B80
RGB: 89,91,128
Hex: 4A4C6B
RGB: 74,76,107
Hex: 3B3C56
RGB: 59,60,86
Hex: 2C2D40
RGB: 44,45,64
Hex: 1E1E2B
RGB: 30,30,43
Hex: 0F0F15
RGB: 15,15,21
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
F4F5FB
EAEAF7
DFE0F3
D4D5EF
CACBEB
BFC1E6
B4B6E2
A9ACDE
9FA1DA
9497D6
8588C1
7679AB
686A96
595B80
4A4C6B
3B3C56
2C2D40
1E1E2B
0F0F15
000000
FFFFFF
F3F3F9
E7E7F3
DADBEC
CECFE6
C2C4E0
B6B8DA
AAACD4
9DA0CD
9194C7
8588C1
787AAE
6A6D9A
5D5F87
505274
434461
35364D
28293A
1B1B27
0D0E13
000000
FFFFFF
F1F2F7
E4E4EE
D6D7E6
C8C9DD
BBBCD5
ADAFCD
9FA1C4
9194BC
8486B3
7679AB
6A6D9A
5E6189
535578
474967
3B3D56
2F3044
232433
181822
0C0C11
000000
FFFFFF
F0F0F5
E1E1EA
D2D2E0
C3C3D5
B4B5CB
A4A6C0
9597B6
8688AB
7779A1
686A96
5E5F87
535578
494A69
3E405A
34354B
2A2A3C
1F202D
15151E
0A0B0F
000000
FFFFFF
EEEFF2
DEDEE6
CDCED9
BDBDCC
ACADC0
9B9DB3
8B8CA6
7A7C99
6A6B8D
595B80
505273
474966
3E405A
35374D
2D2E40
242433
1B1B26
12121A
09090D
000000
FFFFFF
EDEDF0
DBDBE1
C9C9D3
B7B7C4
A5A6B5
9294A6
808297
6E7089
5C5E7A
4A4C6B
434460
3B3D56
34354B
2C2E40
252636
1E1E2B
161720
0F0F15
07080B
000000
FFFFFF
EBECEE
D8D8DD
C4C5CC
B1B1BB
9D9EAB
898A9A
767789
626378
4F5067
3B3C56
35364D
2F3045
292A3C
232434
1E1E2B
181822
12121A
0C0C11
060609
000000
FFFFFF
EAEAEC
D5D5D9
C0C0C6
ABABB3
9696A0
80818C
6B6C79
565766
414253
2C2D40
28293A
232433
1F1F2D
1A1B26
161720
12121A
0D0D13
09090D
040406
000000
FFFFFF
E9E9EA
D2D2D5
BCBCBF
A5A5AA
8F8F95
787880
62626B
4B4B55
353540
1E1E2B
1B1B27
181822
15151E
12121A
0F0F16
0C0C11
09090D
060609
030304
000000
FFFFFF
E7E7E8
CFCFD0
B7B7B9
9F9FA1
87878A
6F6F73
57575B
3F3F44
27272C
0F0F15
0E0E13
0C0C11
0B0B0F
09090D
08080B
060608
040406
030304
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