Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/9fb2db-8fa0c5-7f8eaf-6f7d99-5f6b83-50596e-404758-303542-20242c-101216-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 9FB2DB
RGB: 159,178,219
Hex: 8FA0C5
RGB: 143,160,197
Hex: 7F8EAF
RGB: 127,142,175
Hex: 6F7D99
RGB: 111,125,153
Hex: 5F6B83
RGB: 95,107,131
Hex: 50596E
RGB: 80,89,110
Hex: 404758
RGB: 64,71,88
Hex: 303542
RGB: 48,53,66
Hex: 20242C
RGB: 32,36,44
Hex: 101216
RGB: 16,18,22
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
F5F7FB
ECF0F8
E2E8F4
D9E0F1
CFD9ED
C5D1E9
BCC9E6
B2C1E2
A9BADF
9FB2DB
8FA0C5
7F8EAF
6F7D99
5F6B83
50596E
404758
303542
20242C
101216
000000
FFFFFF
F4F6F9
E9ECF3
DDE3EE
D2D9E8
C7D0E2
BCC6DC
B1BDD6
A5B3D1
9AAACB
8FA0C5
8190B1
72809E
64708A
566076
485063
39404F
2B303B
1D2027
0E1014
000000
FFFFFF
F2F4F7
E5E8EF
D9DDE7
CCD2DF
BFC7D7
B2BBCF
A5B0C7
99A5BF
8C99B7
7F8EAF
72809E
66728C
59637A
4C5569
404758
333946
262B34
191C23
0D0E11
000000
FFFFFF
F1F2F5
E2E5EB
D4D8E0
C5CBD6
B7BECC
A9B1C2
9AA4B8
8C97AD
7D8AA3
6F7D99
64718A
59647A
4E586B
434B5C
383F4D
2C323D
21252E
16191F
0B0C0F
000000
FFFFFF
EFF0F3
DFE1E6
CFD3DA
BFC4CD
AFB5C1
9FA6B5
8F97A8
7F899C
6F7A8F
5F6B83
566076
4C5669
434B5C
39404F
303642
262B34
1C2027
13151A
090B0D
000000
FFFFFF
EEEEF1
DCDEE2
CBCDD4
B9BDC5
A8ACB7
969BA8
858B9A
737A8B
626A7D
50596E
485063
404758
383E4D
303542
282D37
20242C
181B21
101216
08090B
000000
FFFFFF
ECEDEE
D9DADE
C6C8CD
B3B5BC
A0A3AC
8C919B
797E8A
666C79
535969
404758
3A404F
333946
2D323E
262B35
20242C
1A1C23
13151A
0D0E12
060709
000000
FFFFFF
EAEBEC
D6D7D9
C1C2C6
ACAEB3
989AA1
83868E
6E727B
595D68
454955
303542
2B303B
262A35
22252E
1D2028
181B21
13151A
0E1014
0A0B0D
050507
000000
FFFFFF
E9E9EA
D2D3D5
BCBDC0
A6A7AB
909296
797C80
63666B
4D5056
363A41
20242C
1D2028
1A1D23
16191F
13161A
101216
0D0E12
0A0B0D
060709
030404
000000
FFFFFF
E7E7E8
CFD0D0
B7B8B9
9FA0A2
88898B
707173
58595C
404145
282A2D
101216
0E1014
0D0E12
0B0D0F
0A0B0D
08090B
060709
050507
030404
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