Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3a3762-343158-2e2c4e-282644-22213a-1d1b31-171627-11101d-0b0b13-050509-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3A3762
RGB: 58,55,98
Hex: 343158
RGB: 52,49,88
Hex: 2E2C4E
RGB: 46,44,78
Hex: 282644
RGB: 40,38,68
Hex: 22213A
RGB: 34,33,58
Hex: 1D1B31
RGB: 29,27,49
Hex: 171627
RGB: 23,22,39
Hex: 11101D
RGB: 17,16,29
Hex: 0B0B13
RGB: 11,11,19
Hex: 050509
RGB: 5,5,9
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
EBEBEF
D8D7E0
C4C3D0
B0AFC0
9D9BB1
8987A1
757391
615F81
4E4B72
3A3762
343258
2E2C4E
292745
23213B
1D1C31
171627
11101D
0C0B14
06050A
000000
FFFFFF
EBEAEE
D6D6DE
C2C1CD
AEADBC
9A98AC
85839B
716F8A
5D5A79
484669
343158
2F2C4F
2A2746
24223E
1F1D35
1A192C
151423
100F1A
0A0A12
050509
000000
FFFFFF
EAEAED
D5D5DC
C0C0CA
ABABB8
9796A7
828095
6D6B83
585671
434160
2E2C4E
292846
25233E
201F37
1C1A2F
171627
12121F
0E0D17
090910
050408
000000
FFFFFF
EAE9EC
D4D4DA
BFBEC7
A9A8B4
9493A2
7E7D8F
69677C
535169
3E3C57
282644
24223D
201E36
1C1B30
181729
141322
100F1B
0C0B14
08080E
040407
000000
FFFFFF
E9E9EB
D3D3D8
BDBCC4
A7A6B0
91909D
7A7A89
646475
4E4D61
38374E
22213A
1F1E34
1B1A2E
181729
141423
11111D
0E0D17
0A0A11
07070C
030306
000000
FFFFFF
E8E8EA
D2D1D6
BBBBC1
A5A4AD
8E8D98
777683
615F6F
4A495A
343246
1D1B31
1A182C
171627
141322
11101D
0F0E19
0C0B14
09080F
06050A
030305
000000
FFFFFF
E8E8E9
D1D0D4
B9B9BE
A2A2A9
8B8B93
74737D
5D5C68
454552
2E2D3D
171627
151423
12121F
100F1B
0E0D17
0C0B14
090910
07070C
050408
020204
000000
FFFFFF
E7E7E8
CFCFD2
B8B7BB
A09FA5
88888E
707077
585861
41404A
292834
11101D
0F0E1A
0E0D17
0C0B14
0A0A11
09080F
07060C
050509
030306
020203
000000
FFFFFF
E7E7E7
CECED0
B6B6B8
9D9DA1
858589
6D6D71
54545A
3C3C42
23232B
0B0B13
0A0A11
09090F
08080D
07070B
06060A
040408
030306
020204
010102
000000
FFFFFF
E6E6E6
CDCDCE
B4B4B5
9B9B9D
828284
69696B
505053
37373A
1E1E22
050509
050508
040407
040406
030305
030305
020204
010103
010102
000001
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