Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/345748-48675a-5c786c-70897e-859a91-99aba3-adbbb5-c2ccc8-d6ddda-eaeeec-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 345748
RGB: 52,87,72
Hex: 48675A
RGB: 72,103,90
Hex: 5C786C
RGB: 92,120,108
Hex: 70897E
RGB: 112,137,126
Hex: 859A91
RGB: 133,154,145
Hex: 99ABA3
RGB: 153,171,163
Hex: ADBBB5
RGB: 173,187,181
Hex: C2CCC8
RGB: 194,204,200
Hex: D6DDDA
RGB: 214,221,218
Hex: EAEEEC
RGB: 234,238,236
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
EBEEED
D6DDDA
C2CDC8
AEBCB6
9AABA4
859A91
71897F
5D796D
48685A
345748
2F4E41
2A463A
243D32
1F342B
1A2C24
15231D
101A16
0A110E
050907
000000
FFFFFF
EDF0EF
DAE1DE
C8D1CE
B6C2BD
A4B3AD
91A49C
7F958C
6D857B
5A766B
48675A
415D51
3A5248
32483F
2B3E36
24342D
1D2924
161F1B
0E1512
070A09
000000
FFFFFF
EFF2F0
DEE4E2
CED7D3
BEC9C4
AEBCB6
9DAEA7
8DA198
7D9389
6C867B
5C786C
536C61
4A6056
40544C
374841
2E3C36
25302B
1C2420
121816
090C0B
000000
FFFFFF
F1F3F2
E2E7E5
D4DCD8
C6D0CB
B8C4BF
A9B8B2
9BACA5
8DA198
7E958B
70897E
657B71
5A6E65
4E6058
43524C
38453F
2D3732
222926
161B19
0B0E0D
000000
FFFFFF
F3F5F4
E7EBE9
DAE1DE
CED7D3
C2CDC8
B6C2BD
AAB8B2
9DAEA7
91A49C
859A91
788B83
6A7B74
5D6C66
505C57
434D49
353E3A
282E2B
1B1F1D
0D0F0E
000000
FFFFFF
F5F7F6
EBEEED
E0E6E3
D6DDDA
CCD5D1
C2CDC8
B8C4BF
ADBCB5
A3B3AC
99ABA3
8A9A93
7A8982
6B7872
5C6762
4D5652
3D4441
2E3331
1F2221
0F1110
000000
FFFFFF
F7F8F8
EFF1F0
E6EBE9
DEE4E1
D6DDDA
CED6D3
C6CFCB
BDC9C4
B5C2BC
ADBBB5
9CA8A3
8A9691
79837F
68706D
575E5B
454B48
343836
232524
111312
000000
FFFFFF
F9FAFA
F3F5F4
EDF0EF
E7EBE9
E1E6E4
DAE0DE
D4DBD9
CED6D3
C8D1CE
C2CCC8
AFB8B4
9BA3A0
888F8C
747A78
616664
4E5250
3A3D3C
272928
131414
000000
FFFFFF
FBFCFB
F7F8F8
F3F5F4
EFF1F0
EBEEED
E6EBE9
E2E7E5
DEE4E1
DAE0DE
D6DDDA
C1C7C4
ABB1AE
969B99
808583
6B6F6D
565857
404241
2B2C2C
151616
000000
FFFFFF
FDFDFD
FBFCFB
F9FAF9
F7F8F7
F5F7F6
F2F5F4
F0F3F2
EEF1F0
ECF0EE
EAEEEC
D3D6D4
BBBEBD
A4A7A5
8C8F8E
757776
5E5F5E
464747
2F302F
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