Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/9fa2cd-8f92b8-7f82a4-6f7190-5f617b-505166-404152-30313d-202029-101014-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 9FA2CD
RGB: 159,162,205
Hex: 8F92B8
RGB: 143,146,184
Hex: 7F82A4
RGB: 127,130,164
Hex: 6F7190
RGB: 111,113,144
Hex: 5F617B
RGB: 95,97,123
Hex: 505166
RGB: 80,81,102
Hex: 404152
RGB: 64,65,82
Hex: 30313D
RGB: 48,49,61
Hex: 202029
RGB: 32,32,41
Hex: 101014
RGB: 16,16,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
F5F6FA
ECECF5
E2E3F0
D9DAEB
CFD1E6
C5C7E1
BCBEDC
B2B5D7
A9ABD2
9FA2CD
8F92B9
7F82A4
6F7190
5F617B
505167
404152
30313D
202029
101014
000000
FFFFFF
F4F4F8
E9E9F1
DDDEEA
D2D3E3
C7C9DC
BCBED4
B1B3CD
A5A8C6
9A9DBF
8F92B8
8183A6
727593
646681
56586E
48495C
393A4A
2B2C37
1D1D25
0E0F12
000000
FFFFFF
F2F3F6
E5E6ED
D9DAE4
CCCDDB
BFC1D2
B2B4C8
A5A8BF
999BB6
8C8FAD
7F82A4
727594
666883
595B73
4C4E62
404152
333442
262731
191A21
0D0D10
000000
FFFFFF
F1F1F4
E2E3E9
D4D4DE
C5C6D3
B7B8C8
A9AABC
9A9CB1
8C8DA6
7D7F9B
6F7190
646682
595A73
4E4F65
434456
383948
2C2D3A
21222B
16171D
0B0B0E
000000
FFFFFF
EFEFF2
DFDFE5
CFD0D7
BFC0CA
AFB0BD
9FA0B0
8F90A3
7F8195
6F7188
5F617B
56576F
4C4E62
434456
393A4A
30313E
262731
1C1D25
131319
090A0C
000000
FFFFFF
EEEEF0
DCDCE0
CBCBD1
B9B9C2
A8A8B3
9697A3
858594
737485
626275
505166
48495C
404152
383947
30313D
282933
202029
18181F
101014
08080A
000000
FFFFFF
ECECEE
D9D9DC
C6C6CB
B3B3BA
A0A0A9
8C8D97
797A86
666775
535463
404152
3A3B4A
333442
2D2E39
262731
202129
1A1A21
131319
0D0D10
060608
000000
FFFFFF
EAEAEC
D6D6D8
C1C1C5
ACADB1
98989E
83838B
6E6F77
595A64
454650
30313D
2B2C37
262731
22222B
1D1D25
18191F
131418
0E0F12
0A0A0C
050506
000000
FFFFFF
E9E9EA
D2D2D4
BCBCBF
A6A6A9
909094
79797F
636369
4D4D54
36363E
202029
1D1D25
1A1A21
16161D
131319
101015
0D0D10
0A0A0C
060608
030304
000000
FFFFFF
E7E7E8
CFCFD0
B7B7B9
9F9FA1
88888A
707072
58585B
404043
28282C
101014
0E0E12
0D0D10
0B0B0E
0A0A0C
08080A
060608
050506
030304
020202
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