Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3d80b4-3773a2-316690-2b5a7e-254d6c-1e405a-183348-122636-0c1a24-060d12-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3D80B4
RGB: 61,128,180
Hex: 3773A2
RGB: 55,115,162
Hex: 316690
RGB: 49,102,144
Hex: 2B5A7E
RGB: 43,90,126
Hex: 254D6C
RGB: 37,77,108
Hex: 1E405A
RGB: 30,64,90
Hex: 183348
RGB: 24,51,72
Hex: 122636
RGB: 18,38,54
Hex: 0C1A24
RGB: 12,26,36
Hex: 060D12
RGB: 6,13,18
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
ECF2F8
D8E6F0
C5D9E9
B1CCE1
9EC0DA
8BB3D2
77A6CB
6499C3
508DBC
3D80B4
3773A2
316690
2B5A7E
254D6C
1F405A
183348
122636
0C1A24
060D12
000000
FFFFFF
EBF1F6
D7E3EC
C3D5E3
AFC7DA
9BB9D1
87ABC7
739DBE
5F8FB5
4B81AB
3773A2
326892
2C5C82
275171
214561
1C3A51
162E41
102231
0B1720
050B10
000000
FFFFFF
EAF0F4
D6E0E9
C1D1DE
ADC2D3
98B3C8
83A3BC
6F94B1
5A85A6
46759B
316690
2C5C82
275273
224765
1D3D56
193348
14293A
0F1F2B
0A141D
050A0E
000000
FFFFFF
EAEFF2
D5DEE5
BFCED8
AABDCB
95ADBF
809CB2
6B8CA5
557B98
406B8B
2B5A7E
275171
224865
1E3F58
1A364C
162D3F
112432
0D1B26
091219
04090D
000000
FFFFFF
E9EDF0
D3DBE2
BECAD3
A8B8C4
92A6B6
7C94A7
668298
517189
3B5F7B
254D6C
214561
1E3E56
1A364C
162E41
132736
0F1F2B
0B1720
070F16
04080B
000000
FFFFFF
E9ECEF
D2D9DE
BCC6CE
A5B3BD
8FA0AD
788C9C
62798C
4B667B
35536B
1E405A
1B3A51
183348
152D3F
122636
0F202D
0C1A24
09131B
060D12
030609
000000
FFFFFF
E8EBED
D1D6DA
BAC2C8
A3ADB6
8C99A4
748591
5D707F
465C6D
2F475A
183348
162E41
13293A
112432
0E1F2B
0C1A24
0A141D
070F16
050A0E
020507
000000
FFFFFF
E7E9EB
D0D4D7
B8BEC3
A0A8AF
89939B
717D86
596772
41515E
2A3C4A
122636
102231
0E1E2B
0D1B26
0B1720
09131B
070F16
050B10
04080B
020405
000000
FFFFFF
E7E8E9
CED1D3
B6BABD
9EA3A7
868D92
6D767C
555F66
3D4850
24313A
0C1A24
0B1720
0A151D
081219
071016
060D12
050A0E
04080B
020507
010304
000000
FFFFFF
E6E7E7
CDCFD0
B4B6B8
9B9EA0
838689
6A6E71
515659
383D41
1F252A
060D12
050C10
050A0E
04090D
04080B
030709
020507
020405
010304
010102
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