Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/9fb2d0-8fa0bb-7f8ea6-6f7d92-5f6b7d-505968-404753-30353e-20242a-101215-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 9FB2D0
RGB: 159,178,208
Hex: 8FA0BB
RGB: 143,160,187
Hex: 7F8EA6
RGB: 127,142,166
Hex: 6F7D92
RGB: 111,125,146
Hex: 5F6B7D
RGB: 95,107,125
Hex: 505968
RGB: 80,89,104
Hex: 404753
RGB: 64,71,83
Hex: 30353E
RGB: 48,53,62
Hex: 20242A
RGB: 32,36,42
Hex: 101215
RGB: 16,18,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
F5F7FA
ECF0F6
E2E8F1
D9E0EC
CFD9E8
C5D1E3
BCC9DE
B2C1D9
A9BAD5
9FB2D0
8FA0BB
7F8EA6
6F7D92
5F6B7D
505968
404753
30353E
20242A
101215
000000
FFFFFF
F4F6F8
E9ECF1
DDE3EB
D2D9E4
C7D0DD
BCC6D6
B1BDCF
A5B3C9
9AAAC2
8FA0BB
8190A8
728096
647083
566070
48505E
39404B
2B3038
1D2025
0E1013
000000
FFFFFF
F2F4F6
E5E8ED
D9DDE4
CCD2DB
BFC7D3
B2BBCA
A5B0C1
99A5B8
8C99AF
7F8EA6
728095
667285
596374
4C5564
404753
333942
262B32
191C21
0D0E11
000000
FFFFFF
F1F2F4
E2E5E9
D4D8DE
C5CBD3
B7BEC9
A9B1BE
9AA4B3
8C97A8
7D8A9D
6F7D92
647183
596475
4E5866
434B58
383F49
2C323A
21252C
16191D
0B0C0F
000000
FFFFFF
EFF0F2
DFE1E5
CFD3D8
BFC4CB
AFB5BE
9FA6B1
8F97A4
7F8997
6F7A8A
5F6B7D
566071
4C5664
434B58
39404B
30363F
262B32
1C2025
131519
090B0C
000000
FFFFFF
EEEEF0
DCDEE1
CBCDD2
B9BDC3
A8ACB4
969BA4
858B95
737A86
626A77
505968
48505E
404753
383E49
30353E
282D34
20242A
181B1F
101215
08090A
000000
FFFFFF
ECEDEE
D9DADD
C6C8CB
B3B5BA
A0A3A9
8C9198
797E87
666C75
535964
404753
3A404B
333942
2D323A
262B32
20242A
1A1C21
131519
0D0E11
060708
000000
FFFFFF
EAEBEC
D6D7D8
C1C2C5
ACAEB2
989A9F
83868B
6E7278
595D65
454951
30353E
2B3038
262A32
22252B
1D2025
181B1F
131519
0E1013
0A0B0C
050506
000000
FFFFFF
E9E9EA
D2D3D4
BCBDBF
A6A7AA
909295
797C7F
63666A
4D5055
363A3F
20242A
1D2026
1A1D22
16191D
131619
101215
0D0E11
0A0B0D
060708
030404
000000
FFFFFF
E7E7E8
CFD0D0
B7B8B9
9FA0A1
88898A
707173
58595B
404144
282A2C
101215
0E1013
0D0E11
0B0D0F
0A0B0D
08090B
060708
050506
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