Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3c6070-4f6f7e-637f8c-768f9a-8a9fa9-9dafb7-b1bfc5-c4cfd4-d8dfe2-ebeff0-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3C6070
RGB: 60,96,112
Hex: 4F6F7E
RGB: 79,111,126
Hex: 637F8C
RGB: 99,127,140
Hex: 768F9A
RGB: 118,143,154
Hex: 8A9FA9
RGB: 138,159,169
Hex: 9DAFB7
RGB: 157,175,183
Hex: B1BFC5
RGB: 177,191,197
Hex: C4CFD4
RGB: 196,207,212
Hex: D8DFE2
RGB: 216,223,226
Hex: EBEFF0
RGB: 235,239,240
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
ECEFF1
D8DFE2
C5CFD4
B1BFC6
9EB0B8
8AA0A9
77909B
63808D
50707E
3C6070
365665
304D5A
2A434E
243A43
1E3038
18262D
121D22
0C1316
060A0B
000000
FFFFFF
EDF1F2
DCE2E5
CAD4D8
B9C5CB
A7B7BF
95A9B2
849AA5
728C98
617D8B
4F6F7E
476471
3F5965
374E58
2F434C
28383F
202C32
182126
101619
080B0D
000000
FFFFFF
EFF2F4
E0E5E8
D0D9DD
C1CCD1
B1BFC6
A1B2BA
92A5AF
8299A3
738C98
637F8C
59727E
4F6670
455962
3B4C54
324046
283338
1E262A
14191C
0A0D0E
000000
FFFFFF
F1F4F5
E4E9EB
D6DDE1
C8D2D7
BBC7CD
ADBCC2
9FB1B8
91A5AE
849AA4
768F9A
6A818B
5E727B
53646C
47565C
3B484D
2F393E
232B2E
181D1F
0C0E0F
000000
FFFFFF
F3F5F6
E8ECEE
DCE2E5
D0D9DD
C5CFD4
B9C5CB
ADBCC3
A1B2BA
96A9B2
8A9FA9
7C8F98
6E7F87
616F76
535F65
455055
374044
293033
1C2022
0E1011
000000
FFFFFF
F5F7F8
EBEFF1
E2E7E9
D8DFE2
CED7DB
C4CFD4
BAC7CD
B1BFC5
A7B7BE
9DAFB7
8D9EA5
7E8C92
6E7A80
5E696E
4F585C
3F4649
2F3437
1F2325
101112
000000
FFFFFF
F7F9F9
EFF2F3
E8ECEE
E0E5E8
D8DFE2
D0D9DC
C8D2D6
C1CCD1
B9C5CB
B1BFC5
9FACB1
8E999E
7C868A
6A7376
596063
474C4F
35393B
232627
121314
000000
FFFFFF
F9FAFB
F3F5F6
EDF1F2
E7ECEE
E2E7EA
DCE2E5
D6DDE1
D0D9DD
CAD4D8
C4CFD4
B0BABF
9DA6AA
899194
767C7F
62686A
4E5355
3B3E40
27292A
141515
000000
FFFFFF
FBFCFC
F7F9F9
F3F5F6
EFF2F3
ECEFF1
E8ECEE
E4E9EB
E0E5E8
DCE2E5
D8DFE2
C2C9CB
ADB2B5
979C9E
828688
6C7071
56595A
414344
2B2D2D
161617
000000
FFFFFF
FDFDFE
FBFCFC
F9FAFB
F7F9F9
F5F7F8
F3F5F6
F1F4F5
EFF2F3
EDF1F2
EBEFF0
D4D7D8
BCBFC0
A5A7A8
8D8F90
767878
5E6060
464848
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