Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3e7daa-518ab2-6497bb-77a4c3-8bb1cc-9ebed4-b1cbdd-c5d8e5-d8e5ee-ebf2f6-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3E7DAA
RGB: 62,125,170
Hex: 518AB2
RGB: 81,138,178
Hex: 6497BB
RGB: 100,151,187
Hex: 77A4C3
RGB: 119,164,195
Hex: 8BB1CC
RGB: 139,177,204
Hex: 9EBED4
RGB: 158,190,212
Hex: B1CBDD
RGB: 177,203,221
Hex: C5D8E5
RGB: 197,216,229
Hex: D8E5EE
RGB: 216,229,238
Hex: EBF2F6
RGB: 235,242,246
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
ECF2F7
D8E5EE
C5D8E6
B2CBDD
9FBED5
8BB1CC
78A4C4
6597BB
518AB3
3E7DAA
387199
326488
2B5877
254B66
1F3F55
193244
132533
0C1922
060C11
000000
FFFFFF
EEF3F7
DCE8F0
CBDCE8
B9D0E0
A8C5D9
97B9D1
85ADC9
74A1C1
6296BA
518AB2
497CA0
416E8E
39617D
31536B
294559
203747
182935
101C24
080E12
000000
FFFFFF
F0F5F8
E0EAF1
D1E0EB
C1D5E4
B2CBDD
A2C1D6
93B6CF
83ACC9
74A1C2
6497BB
5A88A8
507996
466A83
3C5B70
324C5E
283C4B
1E2D38
141E25
0A0F13
000000
FFFFFF
F1F6F9
E4EDF3
D6E4ED
C9DBE7
BBD2E1
ADC8DB
A0BFD5
92B6CF
85ADC9
77A4C3
6B94B0
5F839C
537389
476275
3C5262
30424E
24313A
182127
0C1013
000000
FFFFFF
F3F7FA
E8EFF5
DCE8F0
D1E0EB
C5D8E6
B9D0E0
AEC8DB
A2C1D6
97B9D1
8BB1CC
7D9FB8
6F8EA3
617C8F
536A7A
465966
384752
2A353D
1C2329
0E1214
000000
FFFFFF
F5F9FB
ECF2F6
E2ECF2
D8E5EE
CFDFEA
C5D8E5
BBD2E1
B1CBDD
A8C5D8
9EBED4
8EABBF
7E98AA
6F8594
5F727F
4F5F6A
3F4C55
2F3940
20262A
101315
000000
FFFFFF
F7FAFC
EFF5F8
E8EFF5
E0EAF1
D8E5EE
D0E0EB
C8DBE7
C1D5E4
B9D0E0
B1CBDD
9FB7C7
8EA2B1
7C8E9B
6A7A85
59666F
475158
353D42
23292C
121416
000000
FFFFFF
F9FBFC
F3F7FA
EEF3F7
E8EFF5
E2ECF2
DCE8EF
D6E4ED
D1E0EA
CBDCE8
C5D8E5
B1C2CE
9EADB7
8A97A0
768289
636C73
4F565C
3B4145
272B2E
141617
000000
FFFFFF
FBFCFD
F7FAFC
F3F7FA
EFF5F8
ECF2F7
E8EFF5
E4EDF3
E0EAF1
DCE8F0
D8E5EE
C2CED6
ADB7BE
97A0A7
82898F
6C7377
565C5F
414547
2B2E30
161718
000000
FFFFFF
FDFEFE
FBFCFD
F9FBFC
F7FAFB
F5F9FB
F3F7FA
F1F6F9
EFF5F8
EDF3F7
EBF2F6
D4DADD
BCC2C5
A5A9AC
8D9194
76797B
5E6162
46494A
2F3031
171819
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