Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3d846f-377764-316a59-2b5c4e-254f43-1e4238-18352c-122821-0c1a16-060d0b-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3D846F
RGB: 61,132,111
Hex: 377764
RGB: 55,119,100
Hex: 316A59
RGB: 49,106,89
Hex: 2B5C4E
RGB: 43,92,78
Hex: 254F43
RGB: 37,79,67
Hex: 1E4238
RGB: 30,66,56
Hex: 18352C
RGB: 24,53,44
Hex: 122821
RGB: 18,40,33
Hex: 0C1A16
RGB: 12,26,22
Hex: 060D0B
RGB: 6,13,11
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
ECF3F1
D8E6E2
C5DAD4
B1CEC5
9EC2B7
8BB5A9
77A99A
649D8C
50907D
3D846F
377764
316A59
2B5C4E
254F43
1F4238
18352C
122821
0C1A16
060D0B
000000
FFFFFF
EBF1F0
D7E4E0
C3D6D1
AFC9C1
9BBBB2
87ADA2
73A093
5F9283
4B8574
377764
326B5A
2C5F50
275346
21473C
1C3C32
163028
10241E
0B1814
050C0A
000000
FFFFFF
EAF0EE
D6E1DE
C1D2CD
ADC3BD
98B5AC
83A69B
6F978B
5A887A
46796A
316A59
2C5F50
275547
224A3E
1D4035
19352D
142A24
0F201B
0A1512
050B09
000000
FFFFFF
EAEFED
D5DEDC
BFCECA
AABEB8
95AEA7
809D95
6B8D83
557D71
406C60
2B5C4E
275346
224A3E
1E4037
1A372F
162E27
11251F
0D1C17
091210
040908
000000
FFFFFF
E9EDEC
D3DCD9
BECAC7
A8B9B4
92A7A1
7C958E
66847B
517269
3B6156
254F43
21473C
1E3F36
1A372F
162F28
132822
0F201B
0B1814
07100D
040807
000000
FFFFFF
E9ECEB
D2D9D7
BCC6C3
A5B3AF
8FA19C
788E88
627B74
4B6860
35554C
1E4238
1B3B32
18352D
152E27
122822
0F211C
0C1A16
091411
060D0B
030706
000000
FFFFFF
E8EBEA
D1D7D5
BAC2C0
A3AEAB
8C9A96
748680
5D726B
465D56
2F4941
18352C
163028
132A23
11251F
0E201A
0C1B16
0A1512
07100D
050B09
020504
000000
FFFFFF
E7EAE9
D0D4D3
B8BFBC
A0A9A6
899490
717E7A
596964
41534D
2A3E37
122821
10241E
0E201A
0D1C17
0B1814
091411
07100D
050C0A
040807
020403
000000
FFFFFF
E7E8E8
CED1D0
B6BAB9
9EA3A2
868D8B
6D7673
555F5C
3D4845
24312D
0C1A16
0B1714
0A1512
08120F
07100D
060D0B
050A09
040807
020504
010302
000000
FFFFFF
E6E7E7
CDCFCE
B4B6B6
9B9E9D
838685
6A6E6D
515654
383D3C
1F2523
060D0B
050C0A
050A09
040908
040807
030706
020504
020403
010302
010101
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