Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3e4ca8-515db0-646fb9-7781c2-8b93ca-9ea5d3-b1b7dc-c5c9e4-d8dbed-ebedf6-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3E4CA8
RGB: 62,76,168
Hex: 515DB0
RGB: 81,93,176
Hex: 646FB9
RGB: 100,111,185
Hex: 7781C2
RGB: 119,129,194
Hex: 8B93CA
RGB: 139,147,202
Hex: 9EA5D3
RGB: 158,165,211
Hex: B1B7DC
RGB: 177,183,220
Hex: C5C9E4
RGB: 197,201,228
Hex: D8DBED
RGB: 216,219,237
Hex: EBEDF6
RGB: 235,237,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
ECEDF6
D8DBEE
C5C9E5
B2B7DC
9FA6D4
8B94CB
7882C2
6570B9
515EB1
3E4CA8
384497
323D86
2B3576
252E65
1F2654
191E43
131732
0C0F22
060811
000000
FFFFFF
EEEFF7
DCDFEF
CBCEE7
B9BEDF
A8AED8
979ED0
858EC8
747DC0
626DB8
515DB0
49549E
414A8D
39417B
31386A
292F58
202546
181C35
101323
080912
000000
FFFFFF
F0F1F8
E0E2F1
D1D4EA
C1C5E3
B2B7DC
A2A9D5
939ACE
838CC7
747DC0
646FB9
5A64A7
505994
464E82
3C436F
32385D
282C4A
1E2137
141625
0A0B12
000000
FFFFFF
F1F2F9
E4E6F3
D6D9ED
C9CDE7
BBC0E1
ADB3DA
A0A7D4
929ACE
858EC8
7781C2
6B74AF
5F679B
535A88
474D74
3C4161
30344E
24273A
181A27
0C0D13
000000
FFFFFF
F3F4FA
E8E9F4
DCDFEF
D1D4EA
C5C9E5
B9BEDF
AEB3DA
A2A9D5
979ECF
8B93CA
7D84B6
6F76A2
61678D
535879
464A65
383B51
2A2C3D
1C1D28
0E0F14
000000
FFFFFF
F5F6FB
ECEDF6
E2E4F2
D8DBED
CFD2E9
C5C9E5
BBC0E0
B1B7DC
A8AED7
9EA5D3
8E95BE
7E84A9
6F7394
5F637F
4F536A
3F4254
2F313F
20212A
101015
000000
FFFFFF
F7F8FC
EFF1F8
E8E9F5
E0E2F1
D8DBEE
D0D4EA
C8CDE7
C1C5E3
B9BEE0
B1B7DC
9FA5C6
8E92B0
7C809A
6A6E84
595C6E
474958
353742
23252C
121216
000000
FFFFFF
F9FAFC
F3F4FA
EEEFF7
E8E9F4
E2E4F2
DCDFEF
D6D9EC
D1D4E9
CBCEE7
C5C9E4
B1B5CD
9EA1B6
8A8DA0
767989
636572
4F505B
3B3C44
27282E
141417
000000
FFFFFF
FBFBFD
F7F8FB
F3F4FA
EFF1F8
ECEDF6
E8E9F4
E4E6F2
E0E2F1
DCDFEF
D8DBED
C2C5D5
ADAFBE
9799A6
82838E
6C6E77
56585F
414247
2B2C2F
161618
000000
FFFFFF
FDFDFE
FBFBFD
F9FAFC
F7F8FB
F5F6FB
F3F4FA
F1F2F9
EFF1F8
EDEFF7
EBEDF6
D4D5DD
BCBEC5
A5A6AC
8D8E94
76777B
5E5F62
46474A
2F2F31
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