Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/2c5f57-416f67-567f78-6b8f89-809f9a-95afab-aabfbb-bfcfcc-d4dfdd-e9efee-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 2C5F57
RGB: 44,95,87
Hex: 416F67
RGB: 65,111,103
Hex: 567F78
RGB: 86,127,120
Hex: 6B8F89
RGB: 107,143,137
Hex: 809F9A
RGB: 128,159,154
Hex: 95AFAB
RGB: 149,175,171
Hex: AABFBB
RGB: 170,191,187
Hex: BFCFCC
RGB: 191,207,204
Hex: D4DFDD
RGB: 212,223,221
Hex: E9EFEE
RGB: 233,239,238
Hex: FFFFFF
RGB: 255,255,255
-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
ECF1F0
D9E2E1
C6D4D1
B3C5C2
A0B7B3
8DA9A4
7A9A95
678C85
547D76
416F67
3B645D
345952
2E4E48
27433E
213834
1A2C29
13211F
0D1615
060B0A
000000
FFFFFF
EEF2F2
DDE5E4
CCD9D7
BBCCC9
ABBFBC
9AB2AE
89A5A1
789993
678C86
567F78
4D726C
456660
3C5954
344C48
2B403C
223330
1A2624
111918
090D0C
000000
FFFFFF
F0F4F3
E1E9E7
D3DDDC
C4D2D0
B5C7C4
A6BCB8
97B1AC
89A5A1
7A9A95
6B8F89
60817B
56726E
4B6460
405652
364845
2B3937
202B29
151D1B
0B0E0E
000000
FFFFFF
F2F5F5
E6ECEB
D9E2E1
CCD9D7
C0CFCD
B3C5C2
A6BCB8
99B2AE
8DA9A4
809F9A
738F8B
667F7B
5A6F6C
4D5F5C
40504D
33403E
26302E
1A201F
0D100F
000000
FFFFFF
F4F7F7
EAEFEE
DFE7E6
D5DFDD
CAD7D5
BFCFCD
B5C7C4
AABFBC
A0B7B3
95AFAB
869E9A
778C89
687A78
596967
4B5856
3C4644
2D3433
1E2322
0F1111
000000
FFFFFF
F7F9F8
EEF2F1
E6ECEB
DDE5E4
D5DFDD
CCD9D6
C4D2CF
BBCCC9
B3C5C2
AABFBB
99ACA8
889996
778683
667370
55605E
444C4B
333938
222625
111313
000000
FFFFFF
F9FAFA
F2F5F5
ECF1F0
E5ECEB
DFE7E6
D9E2E0
D2DDDB
CCD9D6
C5D4D1
BFCFCC
ACBAB8
99A6A3
86918F
737C7A
606866
4C5352
393E3D
262929
131514
000000
FFFFFF
FBFCFC
F6F9F8
F2F5F5
EEF2F1
EAEFEE
E5ECEB
E1E9E7
DDE5E4
D8E2E0
D4DFDD
BFC9C7
AAB2B1
949C9B
7F8685
6A706F
555958
404342
2A2D2C
151616
000000
FFFFFF
FDFDFD
FBFCFC
F8FAFA
F6F9F8
F4F7F7
F2F5F5
F0F4F3
EDF2F1
EBF1F0
E9EFEE
D2D7D6
BABFBE
A3A7A7
8C8F8F
757877
5D605F
464847
2F3030
171818
000000
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
E6E6E6
CCCCCC
B3B3B3
999999
808080
666666
4C4C4C
333333
191919
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