Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3a4859-4d5a69-616c7a-757e8a-88919b-9ca3ac-b0b5bc-c3c8cd-d7dadd-ebecee-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3A4859
RGB: 58,72,89
Hex: 4D5A69
RGB: 77,90,105
Hex: 616C7A
RGB: 97,108,122
Hex: 757E8A
RGB: 117,126,138
Hex: 88919B
RGB: 136,145,155
Hex: 9CA3AC
RGB: 156,163,172
Hex: B0B5BC
RGB: 176,181,188
Hex: C3C8CD
RGB: 195,200,205
Hex: D7DADD
RGB: 215,218,221
Hex: EBECEE
RGB: 235,236,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
EBEDEE
D8DADE
C4C8CD
B0B6BD
9DA4AC
89919B
757F8B
616D7A
4E5A6A
3A4859
344150
2E3A47
29323E
232B35
1D242D
171D24
11161B
0C0E12
060709
000000
FFFFFF
EDEFF0
DBDEE1
CACED2
B8BDC3
A6ADB4
949CA5
828C96
717B87
5F6B78
4D5A69
45515F
3E4854
363F4A
2E363F
272D35
1F242A
171B1F
0F1215
08090A
000000
FFFFFF
EFF0F2
DFE2E4
D0D3D7
C0C4CA
B0B6BD
A0A7AF
9098A2
818995
717B87
616C7A
57616E
4E5662
444C55
3A4149
31363D
272B31
1D2025
131618
0A0B0C
000000
FFFFFF
F1F2F3
E3E5E8
D6D8DC
C8CBD0
BABFC5
ACB2B9
9EA5AD
9198A1
838B96
757E8A
69717C
5E656E
525861
464C53
3B3F45
2F3237
232629
17191C
0C0D0E
000000
FFFFFF
F3F4F5
E7E9EB
DBDEE1
CFD3D7
C4C8CD
B8BDC3
ACB2B9
A0A7AF
949CA5
88919B
7A838C
6D747C
5F666D
52575D
44494E
363A3E
292B2E
1B1D1F
0E0E0F
000000
FFFFFF
F5F6F7
EBEDEE
E1E3E6
D7DADE
CED1D6
C4C8CD
BABFC5
B0B5BD
A6ACB4
9CA3AC
8C939B
7D828A
6D7278
5E6267
4E5256
3E4145
2F3134
1F2122
101011
000000
FFFFFF
F7F8F8
EFF0F2
E7E9EB
DFE1E4
D8DADE
D0D3D7
C8CBD0
C0C4C9
B8BCC3
B0B5BC
9EA3A9
8D9196
7B7F84
6A6D71
585B5E
46484B
353638
232426
121213
000000
FFFFFF
F9FAFA
F3F4F5
EDEFF0
E7E9EB
E1E4E6
DBDEE1
D5D9DC
CFD3D7
C9CED2
C3C8CD
B0B4B9
9CA0A4
898C90
75787B
626467
4E5052
3A3C3D
272829
131414
000000
FFFFFF
FBFBFC
F7F8F8
F3F4F5
EFF0F1
EBEDEE
E7E9EB
E3E5E7
DFE1E4
DBDEE0
D7DADD
C2C4C7
ACAEB1
97999B
818385
6C6D6F
565758
404142
2B2C2C
151616
000000
FFFFFF
FDFDFD
FBFBFC
F9F9FA
F7F7F8
F5F6F7
F3F4F5
F1F2F3
EFF0F1
EDEEF0
EBECEE
D4D4D6
BCBDBE
A5A5A7
8D8E8F
767677
5E5E5F
464747
2F2F30
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