Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/9d9dc9-8d8db4-7d7da0-6d6d8c-5e5e78-4e4e64-3e3e50-2f2f3c-1f1f28-0f0f14-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 9D9DC9
RGB: 157,157,201
Hex: 8D8DB4
RGB: 141,141,180
Hex: 7D7DA0
RGB: 125,125,160
Hex: 6D6D8C
RGB: 109,109,140
Hex: 5E5E78
RGB: 94,94,120
Hex: 4E4E64
RGB: 78,78,100
Hex: 3E3E50
RGB: 62,62,80
Hex: 2F2F3C
RGB: 47,47,60
Hex: 1F1F28
RGB: 31,31,40
Hex: 0F0F14
RGB: 15,15,20
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
F5F5FA
EBEBF4
E2E2EF
D8D8E9
CECEE4
C4C4DF
BABAD9
B1B1D4
A7A7CE
9D9DC9
8D8DB5
7E7EA1
6E6E8D
5E5E79
4F4F65
3F3F50
2F2F3C
1F1F28
101014
000000
FFFFFF
F4F4F8
E8E8F0
DDDDE9
D1D1E1
C6C6DA
BBBBD2
AFAFCB
A4A4C3
9898BC
8D8DB4
7F7FA2
717190
63637E
55556C
47475A
383848
2A2A36
1C1C24
0E0E12
000000
FFFFFF
F2F2F6
E5E5EC
D8D8E3
CBCBD9
BEBED0
B1B1C6
A4A4BD
9797B3
8A8AAA
7D7DA0
717190
646480
585870
4B4B60
3F3F50
323240
252530
191920
0C0C10
000000
FFFFFF
F0F0F4
E2E2E8
D3D3DD
C5C5D1
B6B6C6
A7A7BA
9999AF
8A8AA3
7C7C98
6D6D8C
62627E
575770
4C4C62
414154
373746
2C2C38
21212A
16161C
0B0B0E
000000
FFFFFF
EFEFF2
DFDFE4
CFCFD7
BFBFC9
AFAFBC
9E9EAE
8E8EA1
7E7E93
6E6E86
5E5E78
55556C
4B4B60
424254
383848
2F2F3C
262630
1C1C24
131318
09090C
000000
FFFFFF
EDEDF0
DCDCE0
CACAD1
B8B8C1
A7A7B2
9595A2
838393
717183
606074
4E4E64
46465A
3E3E50
373746
2F2F3C
272732
1F1F28
17171E
101014
08080A
000000
FFFFFF
ECECEE
D8D8DC
C5C5CB
B2B2B9
9F9FA8
8B8B96
787885
656573
515162
3E3E50
383848
323240
2B2B38
252530
1F1F28
191920
131318
0C0C10
060608
000000
FFFFFF
EAEAEC
D5D5D8
C1C1C5
ACACB1
97979E
82828A
6D6D77
595963
444450
2F2F3C
2A2A36
262630
21212A
1C1C24
18181E
131318
0E0E12
09090C
050506
000000
FFFFFF
E9E9EA
D2D2D4
BCBCBF
A5A5A9
8F8F94
79797E
626269
4C4C53
35353E
1F1F28
1C1C24
191920
16161C
131318
101014
0C0C10
09090C
060608
030304
000000
FFFFFF
E7E7E8
CFCFD0
B7B7B9
9F9FA1
87878A
6F6F72
57575B
3F3F43
27272C
0F0F14
0E0E12
0C0C10
0B0B0E
09090C
08080A
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