Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3c5f6c-365561-304c56-2a424b-243940-1e2f36-18252b-121c20-0c1315-06090a-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3C5F6C
RGB: 60,95,108
Hex: 365561
RGB: 54,85,97
Hex: 304C56
RGB: 48,76,86
Hex: 2A424B
RGB: 42,66,75
Hex: 243940
RGB: 36,57,64
Hex: 1E2F36
RGB: 30,47,54
Hex: 18252B
RGB: 24,37,43
Hex: 121C20
RGB: 18,28,32
Hex: 0C1315
RGB: 12,19,21
Hex: 06090A
RGB: 6,9,10
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
ECEFF0
D8DFE2
C5CFD3
B1BFC4
9EAFB6
8A9FA7
778F98
637F89
506F7B
3C5F6C
365661
304C56
2A434C
243941
1E3036
18262B
121C20
0C1316
06090B
000000
FFFFFF
EBEEEF
D7DDDF
C3CCD0
AFBBC0
9BAAB0
8699A0
728890
5E7781
4A6671
365561
314D57
2B444E
263B44
20333A
1B2B31
162227
10191D
0B1113
05080A
000000
FFFFFF
EAEDEE
D6DBDD
C1C9CC
ACB7BB
98A6AB
83949A
6E8289
597078
455E67
304C56
2B444D
263D45
22353C
1D2E34
18262B
131E22
0E171A
0A0F11
050809
000000
FFFFFF
EAECED
D4D9DB
BFC6C9
AAB3B7
95A1A5
7F8E93
6A7B81
55686F
3F555D
2A424B
263B44
22353C
1D2E35
19282D
152126
111A1E
0D1416
080D0F
040707
000000
FFFFFF
E9EBEC
D3D7D9
BDC4C6
A7B0B3
929CA0
7C888C
667479
506166
3A4D53
243940
20333A
1D2E33
19282D
162226
121D20
0E171A
0B1113
070B0D
040606
000000
FFFFFF
E9EAEB
D2D5D7
BCC1C3
A5ACAF
8F979B
788286
626D72
4B595E
35444A
1E2F36
1B2A31
18262B
152126
121C20
0F181B
0C1316
090E10
06090B
030505
000000
FFFFFF
E8E9EA
D1D3D5
BABEBF
A3A8AA
8C9295
747C80
5D666B
465155
2F3B40
18252B
162127
131E22
111A1E
0E161A
0C1316
0A0F11
070B0D
050709
020404
000000
FFFFFF
E7E8E9
D0D2D2
B8BBBC
A0A4A6
898E90
717779
596063
41494D
2A3336
121C20
10191D
0E161A
0D1416
0B1113
090E10
070B0D
05080A
040606
020303
000000
FFFFFF
E7E7E8
CED0D0
B6B8B9
9EA1A1
86898A
6D7173
555A5B
3D4244
242B2C
0C1315
0B1113
0A0F11
080D0F
070B0D
060A0B
050808
040606
020404
010202
000000
FFFFFF
E6E6E7
CDCECE
B4B5B6
9B9D9D
838485
6A6B6C
515354
383A3B
1F2223
06090A
050809
050708
040607
040506
030505
020404
020303
010202
010101
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