Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3b3a5a-353451-2f2e48-29283f-232236-1d1d2d-171723-11111b-0b0b12-050509-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3B3A5A
RGB: 59,58,90
Hex: 353451
RGB: 53,52,81
Hex: 2F2E48
RGB: 47,46,72
Hex: 29283F
RGB: 41,40,63
Hex: 232236
RGB: 35,34,54
Hex: 1D1D2D
RGB: 29,29,45
Hex: 171723
RGB: 23,23,35
Hex: 11111B
RGB: 17,17,27
Hex: 0B0B12
RGB: 11,11,18
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
D8D8DE
C4C4CE
B1B0BD
9D9DAD
89899C
76758C
62617B
4F4E6B
3B3A5A
353451
2F2E48
29293F
232336
1E1D2D
181724
12111B
0C0C12
060609
000000
FFFFFF
EBEBEE
D7D6DC
C2C2CB
AEAEB9
9A9AA8
868597
727185
5D5D74
494862
353451
302F49
2A2A41
252439
201F31
1B1A29
151520
101018
0B0A10
050508
000000
FFFFFF
EAEAED
D5D5DA
C1C0C8
ACABB6
9797A4
828291
6D6D7F
59586D
44435A
2F2E48
2A2941
26253A
212032
1C1C2B
181724
13121D
0E0E16
09090E
050507
000000
FFFFFF
EAEAEC
D4D4D9
BFBFC5
A9A9B2
94949F
7F7E8C
696979
545365
3E3E52
29283F
252439
212032
1D1C2C
191826
151420
101019
0C0C13
08080D
040406
000000
FFFFFF
E9E9EB
D3D3D7
BDBDC3
A7A7AF
91919B
7B7A86
656472
4F4E5E
39384A
232236
201F31
1C1B2B
191826
151420
12111B
0E0E16
0A0A10
07070B
030305
000000
FFFFFF
E8E8EA
D2D2D5
BBBBC0
A5A5AB
8E8E96
777781
61616C
4A4A57
343442
1D1D2D
1A1A29
171724
14141F
11111B
0F0F17
0C0C12
09090D
060609
030304
000000
FFFFFF
E8E8E9
D1D1D3
B9B9BD
A2A2A7
8B8B91
74747B
5D5D65
45454F
2E2E39
171723
151520
12121C
101019
0E0E15
0C0C12
09090E
07070A
050507
020203
000000
FFFFFF
E7E7E8
CFCFD1
B8B8BB
A0A0A4
88888D
707076
58585F
414149
292932
11111B
0F0F18
0E0E16
0C0C13
0A0A10
09090E
07070B
050508
030305
020203
000000
FFFFFF
E7E7E7
CECED0
B6B6B8
9D9DA0
858589
6D6D71
545459
3C3C41
23232A
0B0B12
0A0A10
09090E
08080D
07070B
060609
040407
030305
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