Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/312533-453a47-5a505b-6e6670-837c84-989299-aca7ad-c1bdc1-d5d3d6-eae9ea-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 312533
RGB: 49,37,51
Hex: 453A47
RGB: 69,58,71
Hex: 5A505B
RGB: 90,80,91
Hex: 6E6670
RGB: 110,102,112
Hex: 837C84
RGB: 131,124,132
Hex: 989299
RGB: 152,146,153
Hex: ACA7AD
RGB: 172,167,173
Hex: C1BDC1
RGB: 193,189,193
Hex: D5D3D6
RGB: 213,211,214
Hex: EAE9EA
RGB: 234,233,234
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
EAE9EB
D6D3D6
C1BEC2
ADA8AD
989299
837C85
6F6670
5A515C
463B47
312533
2C212E
271E29
221A24
1D161F
19131A
140F14
0F0B0F
0A070A
050405
000000
FFFFFF
ECEBED
DAD8DA
C7C4C8
B5B0B5
A29DA3
8F8991
7D757E
6A616C
584E59
453A47
3E3440
372E39
302932
29232B
231D24
1C171C
151115
0E0C0E
070607
000000
FFFFFF
EFEEEF
DEDCDE
CECBCE
BDB9BD
ADA8AD
9C969D
8C858C
7B737C
6B626B
5A505B
514852
484049
3F3840
363037
2D282E
242024
1B181B
121012
090809
000000
FFFFFF
F1F0F1
E2E0E2
D4D1D4
C5C2C6
B7B3B8
A8A3A9
9A949B
8B858D
7D757E
6E6670
635C65
58525A
4D474E
423D43
373338
2C292D
211F22
161416
0B0A0B
000000
FFFFFF
F3F2F3
E6E5E6
DAD8DA
CDCBCE
C1BEC2
B5B0B5
A8A3A9
9C969D
8F8990
837C84
767077
69636A
5C575C
4F4A4F
423E42
343235
272528
1A191A
0D0C0D
000000
FFFFFF
F5F4F5
EAE9EB
E0DEE0
D6D3D6
CCC9CC
C1BEC2
B7B3B8
ADA8AD
A29DA3
989299
89838A
7A757A
6A666B
5B585C
4C494D
3D3A3D
2E2C2E
1E1D1F
0F0F0F
000000
FFFFFF
F7F6F7
EEEDEF
E6E5E6
DEDCDE
D6D3D6
CDCACE
C5C1C6
BDB9BD
B4B0B5
ACA7AD
9B969C
8A868A
787579
676468
565457
454345
343234
222123
111111
000000
FFFFFF
F9F8F9
F3F2F3
ECEBEC
E6E5E6
E0DEE0
DAD7DA
D4D1D4
CDCACD
C7C4C7
C1BDC1
AEAAAE
9A979A
878487
747174
615F61
4D4C4D
3A393A
272627
131313
000000
FFFFFF
FBFBFB
F7F6F7
F2F2F3
EEEDEF
EAE9EB
E6E5E6
E2E0E2
DDDCDE
D9D7DA
D5D3D6
C0BEC1
AAA9AB
959496
807F80
6B6A6B
555456
403F40
2B2A2B
151515
000000
FFFFFF
FDFDFD
FBFBFB
F9F8F9
F7F6F7
F5F4F5
F2F2F2
F0F0F0
EEEDEE
ECEBEC
EAE9EA
D3D2D3
BBBABB
A4A3A4
8C8C8C
757575
5E5D5E
464646
2F2F2F
171717
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