Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3d859e-36778e-306a7e-2a5d6e-244f5e-1e424f-18353f-12272f-0c1a1f-060d0f-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3D859E
RGB: 61,133,158
Hex: 36778E
RGB: 54,119,142
Hex: 306A7E
RGB: 48,106,126
Hex: 2A5D6E
RGB: 42,93,110
Hex: 244F5E
RGB: 36,79,94
Hex: 1E424F
RGB: 30,66,79
Hex: 18353F
RGB: 24,53,63
Hex: 12272F
RGB: 18,39,47
Hex: 0C1A1F
RGB: 12,26,31
Hex: 060D0F
RGB: 6,13,15
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
ECF3F5
D8E7EC
C5DAE2
B1CED8
9EC2CF
8BB6C5
77AABB
649DB1
5091A8
3D859E
37788E
316A7E
2B5D6F
25505F
1F434F
18353F
12282F
0C1B20
060D10
000000
FFFFFF
EBF1F4
D7E4E8
C3D6DD
AFC9D2
9BBBC7
86ADBB
72A0B0
5E92A5
4A8599
36778E
316B80
2B5F72
265363
204755
1B3C47
163039
10242B
0B181C
050C0E
000000
FFFFFF
EAF0F2
D6E1E5
C1D2D8
ACC3CB
98B5BF
83A6B2
6E97A5
598898
45798B
306A7E
2B5F71
265565
224A58
1D404C
18353F
132A32
0E2026
0A1519
050B0D
000000
FFFFFF
EAEFF1
D4DFE2
BFCED4
AABEC5
95AEB7
7F9EA8
6A8E9A
557D8B
3F6D7D
2A5D6E
265463
224A58
1D414D
193842
152F37
11252C
0D1C21
081316
04090B
000000
FFFFFF
E9EDEF
D3DCDF
BDCACF
A7B9BF
92A7AF
7C959E
66848E
50727E
3A616E
244F5E
204755
1D3F4B
193742
162F38
12282F
0E2026
0B181C
071013
040809
000000
FFFFFF
E9ECED
D2D9DC
BCC6CA
A5B3B9
8FA1A7
788E95
627B84
4B6872
355561
1E424F
1B3B47
18353F
152E37
12282F
0F2128
0C1A20
091418
060D10
030708
000000
FFFFFF
E8EBEC
D1D7D9
BAC2C5
A3AEB2
8C9A9F
74868C
5D7279
465D65
2F4952
18353F
163039
132A32
11252C
0E2026
0C1B20
0A1519
071013
050B0D
020506
000000
FFFFFF
E7E9EA
D0D4D5
B8BEC1
A0A9AC
899397
717D82
59686D
415259
2A3D44
12272F
10232A
0E1F26
0D1B21
0B171C
091418
071013
050C0E
040809
020405
000000
FFFFFF
E7E8E9
CED1D2
B6BABC
9EA3A5
868D8F
6D7679
555F62
3D484C
243135
0C1A1F
0B171C
0A1519
081216
071013
060D10
050A0C
040809
020506
010303
000000
FFFFFF
E6E7E7
CDCFCF
B4B6B7
9B9E9F
838687
6A6E6F
515657
383D3F
1F2527
060D0F
050C0E
050A0C
04090B
040809
030708
020506
020404
010303
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