Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/636788-727693-82859f-9194ab-a1a3b7-b1b3c3-c0c2cf-d0d1db-dfe0e7-efeff3-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 636788
RGB: 99,103,136
Hex: 727693
RGB: 114,118,147
Hex: 82859F
RGB: 130,133,159
Hex: 9194AB
RGB: 145,148,171
Hex: A1A3B7
RGB: 161,163,183
Hex: B1B3C3
RGB: 177,179,195
Hex: C0C2CF
RGB: 192,194,207
Hex: D0D1DB
RGB: 208,209,219
Hex: DFE0E7
RGB: 223,224,231
Hex: EFEFF3
RGB: 239,239,243
Hex: FFFFFF
RGB: 255,255,255
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
EFF0F3
E0E1E7
D0D1DB
C1C2CF
B1B3C4
A1A4B8
9295AC
8285A0
737694
636788
595D7A
4F526D
45485F
3B3E52
323444
282936
1E1F29
14151B
0A0A0E
000000
FFFFFF
F1F1F4
E3E4E9
D5D6DF
C7C8D4
B9BBC9
AAADBE
9C9FB3
8E91A9
80849E
727693
676A84
5B5E76
505367
444758
393B4A
2E2F3B
22232C
17181D
0B0C0F
000000
FFFFFF
F3F3F5
E6E7EC
DADAE2
CDCED9
C1C2CF
B4B6C5
A8AABC
9B9DB2
8F91A9
82859F
75788F
686A7F
5B5D6F
4E505F
414350
343540
272830
1A1B20
0D0D10
000000
FFFFFF
F4F4F7
E9EAEE
DEDFE6
D3D4DD
C8CAD5
BDBFCD
B2B4C4
A7A9BC
9C9FB3
9194AB
83859A
747689
666878
575967
494A56
3A3B44
2B2C33
1D1E22
0E0F11
000000
FFFFFF
F6F6F8
ECEDF1
E3E3E9
D9DAE2
D0D1DB
C7C8D4
BDBFCD
B4B5C5
AAACBE
A1A3B7
9193A5
818292
717280
61626E
51525C
404149
303137
202125
101012
000000
FFFFFF
F7F7F9
EFF0F3
E8E8ED
E0E1E7
D8D9E1
D0D1DB
C8CAD5
C1C2CF
B9BBC9
B1B3C3
9FA1B0
8E8F9C
7C7D89
6A6B75
595A62
47484E
35363A
232427
121213
000000
FFFFFF
F9F9FA
F2F3F5
ECEDF1
E6E7EC
E0E1E7
D9DAE2
D3D4DD
CDCED9
C6C8D4
C0C2CF
ADAFBA
9A9BA6
868891
73747C
606168
4D4E53
3A3A3E
262729
131315
000000
FFFFFF
FAFAFB
F6F6F8
F1F1F4
ECEDF1
E8E8ED
E3E3E9
DEDFE6
D9DAE2
D5D6DF
D0D1DB
BBBCC5
A6A7AF
929299
7D7D83
68696E
535458
3E3F42
2A2A2C
151516
000000
FFFFFF
FCFCFD
F9F9FA
F5F6F8
F2F3F5
EFF0F3
ECECF1
E9E9EE
E5E6EC
E2E3E9
DFE0E7
C9CAD0
B2B3B9
9C9DA2
86868B
707074
595A5C
434345
2D2D2E
161617
000000
FFFFFF
FDFDFE
FCFCFD
FAFAFB
F9F9FA
F7F7F9
F5F5F8
F4F4F7
F2F2F5
F1F1F4
EFEFF3
D7D7DB
BFBFC2
A7A7AA
8F8F92
78787A
606061
484849
303031
181818
000000
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
E6E6E6
CCCCCC
B3B3B3
999999
808080
666666
4C4C4C
333333
191919
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