Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/2c5f57-27554e-234c45-1e423c-1a3934-162f2b-112522-0d1c1a-081311-040908-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 2C5F57
RGB: 44,95,87
Hex: 27554E
RGB: 39,85,78
Hex: 234C45
RGB: 35,76,69
Hex: 1E423C
RGB: 30,66,60
Hex: 1A3934
RGB: 26,57,52
Hex: 162F2B
RGB: 22,47,43
Hex: 112522
RGB: 17,37,34
Hex: 0D1C1A
RGB: 13,28,26
Hex: 081311
RGB: 8,19,17
Hex: 040908
RGB: 4,9,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
EAEFEE
D5DFDD
C0CFCD
ABBFBC
96AFAB
809F9A
6B8F89
567F79
416F68
2C5F57
28564E
234C46
1F433D
1A3934
16302C
122623
0D1C1A
091311
040909
000000
FFFFFF
E9EEED
D4DDDC
BECCCA
A9BBB8
93AAA7
7D9995
688883
527771
3D6660
27554E
234D46
1F443E
1B3B37
17332F
142B27
10221F
0C1917
081110
040808
000000
FFFFFF
E9EDEC
D3DBDA
BDC9C7
A7B7B5
91A6A2
7B948F
65827D
4F706A
395E58
234C45
20443E
1C3D37
193530
152E29
122623
0E1E1C
0A1715
070F0E
030807
000000
FFFFFF
E9ECEC
D2D9D8
BCC6C5
A5B3B1
8FA19E
788E8A
627B77
4B6863
355550
1E423C
1B3B36
183530
152E2A
122824
0F211E
0C1A18
091412
060D0C
030706
000000
FFFFFF
E8EBEB
D1D7D6
BAC4C2
A3B0AE
8D9C9A
768885
5F7471
48615D
314D48
1A3934
17332F
152E2A
122824
10221F
0D1D1A
0A1715
081110
050B0A
030605
000000
FFFFFF
E8EAEA
D0D5D5
B9C1BF
A2ACAA
8B9795
738280
5C6D6B
455955
2D4440
162F2B
142A27
122622
0F211E
0D1C1A
0B1816
091311
070E0D
040909
020504
000000
FFFFFF
E7E9E9
CFD3D3
B8BEBD
A0A8A7
889291
707C7A
586664
41514E
293B38
112522
0F211F
0E1E1B
0C1A18
0A1614
091311
070F0E
050B0A
030707
020403
000000
FFFFFF
E7E8E8
CFD2D1
B6BBBA
9EA4A3
868E8D
6E7776
56605F
3D4948
253331
0D1C1A
0C1917
0A1615
091412
081110
070E0D
050B0A
040808
030605
010303
000000
FFFFFF
E6E7E7
CED0CF
B5B8B8
9CA1A0
848988
6B7170
525A58
394241
212B29
081311
07110F
060F0E
060D0C
050B0A
040A09
030807
020605
020403
010202
000000
FFFFFF
E6E6E6
CDCECE
B4B5B5
9B9D9C
828484
686B6B
4F5352
363A39
1D2221
040908
040807
030706
030606
020505
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