Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/316652-2c5b49-275141-224739-1d3d31-183329-132820-0e1e18-091410-040a08-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 316652
RGB: 49,102,82
Hex: 2C5B49
RGB: 44,91,73
Hex: 275141
RGB: 39,81,65
Hex: 224739
RGB: 34,71,57
Hex: 1D3D31
RGB: 29,61,49
Hex: 183329
RGB: 24,51,41
Hex: 132820
RGB: 19,40,32
Hex: 0E1E18
RGB: 14,30,24
Hex: 091410
RGB: 9,20,16
Hex: 040A08
RGB: 4,10,8
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
EAF0EE
D6E0DC
C1D1CB
ADC2BA
98B3A9
83A397
6F9486
5A8575
467563
316652
2C5C4A
275242
224739
1D3D31
193329
142921
0F1F19
0A1410
050A08
000000
FFFFFF
EAEFED
D5DEDB
C0CEC8
ABBDB6
96ADA4
809D92
6B8C80
567C6D
416B5B
2C5B49
285242
23493A
1F4033
1A372C
162E25
12241D
0D1B16
09120F
040907
000000
FFFFFF
E9EEEC
D4DCD9
BECBC6
A9B9B3
93A8A0
7D978D
68857A
527467
3D6254
275141
23493B
1F4134
1B392E
173127
142921
10201A
0C1813
08100D
040806
000000
FFFFFF
E9EDEB
D3DAD7
BDC8C4
A7B5B0
91A39C
7A9188
647E74
4E6C61
38594D
224739
1F4033
1B392E
183228
142B22
11241D
0E1C17
0A1511
070E0B
030706
000000
FFFFFF
E8ECEA
D2D8D6
BBC5C1
A5B1AD
8E9E98
778B83
61776F
4A645A
345046
1D3D31
1A372C
173127
142B22
11251D
0F1F19
0C1814
09120F
060C0A
030605
000000
FFFFFF
E8EBEA
D1D6D4
BAC2BF
A3ADA9
8C9994
74857F
5D7069
465C54
2F473E
183329
162E25
132921
11241D
0E1F19
0C1A15
0A1410
070F0C
050A08
020504
000000
FFFFFF
E7EAE9
D0D4D2
B8BFBC
A1A9A6
899490
717E79
5A6963
42534D
2B3E36
132820
11241D
0F201A
0D1C16
0B1813
0A1410
08100D
060C0A
040806
020403
000000
FFFFFF
E7E9E8
CFD2D1
B7BCBA
9FA5A3
878F8C
6E7874
56625D
3E4B46
26352F
0E1E18
0D1B16
0B1813
0A1511
08120E
070F0C
060C0A
040907
030605
010302
000000
FFFFFF
E6E8E7
CED0CF
B5B9B7
9DA19F
848A88
6B7270
535B58
3A4340
222C28
091410
08120E
07100D
060E0B
050C0A
050A08
040806
030605
020403
010202
000000
FFFFFF
E6E7E6
CDCECE
B4B6B5
9B9D9C
828584
686C6B
4F5452
363B39
1D2321
040A08
040907
030806
030706
020605
020504
020403
010302
010202
000101
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