Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3b5a4e-355146-2f483e-293f36-23362e-1d2d27-17231f-111b17-0b120f-050907-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3B5A4E
RGB: 59,90,78
Hex: 355146
RGB: 53,81,70
Hex: 2F483E
RGB: 47,72,62
Hex: 293F36
RGB: 41,63,54
Hex: 23362E
RGB: 35,54,46
Hex: 1D2D27
RGB: 29,45,39
Hex: 17231F
RGB: 23,35,31
Hex: 111B17
RGB: 17,27,23
Hex: 0B120F
RGB: 11,18,15
Hex: 050907
RGB: 5,9,7
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
EBEFED
D8DEDC
C4CECA
B1BDB8
9DADA7
899C95
768C83
627B71
4F6B60
3B5A4E
355146
2F483E
293F37
23362F
1E2D27
18241F
121B17
0C1210
060908
000000
FFFFFF
EBEEED
D7DCDA
C2CBC8
AEB9B5
9AA8A3
869790
72857E
5D746B
496259
355146
30493F
2A4138
253931
20312A
1B2923
15201C
101815
0B100E
050807
000000
FFFFFF
EAEDEC
D5DAD8
C1C8C5
ACB6B2
97A49F
82918B
6D7F78
596D65
445A51
2F483E
2A4138
263A32
21322B
1C2B25
18241F
131D19
0E1613
090E0C
050706
000000
FFFFFF
EAECEB
D4D9D7
BFC5C3
A9B2AF
949F9B
7F8C86
697972
54655E
3E524A
293F36
253931
21322B
1D2C26
192620
15201B
101916
0C1310
080D0B
040605
000000
FFFFFF
E9EBEA
D3D7D5
BDC3C0
A7AFAB
919B97
7B8682
65726D
4F5E58
394A43
23362E
203129
1C2B25
192620
15201C
121B17
0E1612
0A100E
070B09
030505
000000
FFFFFF
E8EAE9
D2D5D4
BBC0BE
A5ABA9
8E9693
77817D
616C68
4A5752
34423D
1D2D27
1A2923
17241F
141F1B
111B17
0F1714
0C1210
090D0C
060908
030404
000000
FFFFFF
E8E9E9
D1D3D2
B9BDBC
A2A7A5
8B918F
747B79
5D6562
454F4C
2E3935
17231F
15201C
121C19
101916
0E1513
0C1210
090E0C
070A09
050706
020303
000000
FFFFFF
E7E8E8
CFD1D1
B8BBB9
A0A4A2
888D8B
707674
585F5D
414945
29322E
111B17
0F1815
0E1612
0C1310
0A100E
090E0C
070B09
050807
030505
020302
000000
FFFFFF
E7E7E7
CED0CF
B6B8B7
9DA09F
858987
6D716F
545957
3C413F
232A27
0B120F
0A100E
090E0C
080D0B
070B09
060908
040706
030504
020403
010201
000000
FFFFFF
E6E6E6
CDCECD
B4B5B5
9B9D9C
828483
696B6A
505351
373A39
1E2220
050907
050806
040706
040605
030504
030504
020403
010302
010201
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