Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/405aa5-536aae-667bb7-798bc0-8c9cc9-9facd2-b2bddb-c5cde4-d8deed-ebeef6-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 405AA5
RGB: 64,90,165
Hex: 536AAE
RGB: 83,106,174
Hex: 667BB7
RGB: 102,123,183
Hex: 798BC0
RGB: 121,139,192
Hex: 8C9CC9
RGB: 140,156,201
Hex: 9FACD2
RGB: 159,172,210
Hex: B2BDDB
RGB: 178,189,219
Hex: C5CDE4
RGB: 197,205,228
Hex: D8DEED
RGB: 216,222,237
Hex: EBEEF6
RGB: 235,238,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
ECEFF6
D9DEED
C6CEE4
B3BDDB
A0ADD2
8C9CC9
798CC0
667BB7
536BAE
405AA5
3A5195
334884
2D3F73
263663
202D53
1A2442
131B31
0D1221
060910
000000
FFFFFF
EEF0F7
DDE1EF
CBD2E7
BAC3DF
A9B5D7
98A6CE
8797C6
7588BE
6479B6
536AAE
4B5F9D
42558B
3A4A7A
324068
2A3557
212A46
192034
111523
080B11
000000
FFFFFF
F0F2F8
E0E5F1
D1D7E9
C2CAE2
B3BDDB
A3B0D4
94A3CD
8595C5
7588BE
667BB7
5C6FA5
526292
475680
3D4A6E
333E5C
293149
1F2537
141925
0A0C12
000000
FFFFFF
F2F3F9
E4E8F2
D7DCEC
C9D1E6
BCC5E0
AFB9D9
A1AED3
94A2CD
8697C6
798BC0
6D7DAD
616F9A
556186
495373
3D4660
30384D
242A3A
181C26
0C0E13
000000
FFFFFF
F4F5FA
E8EBF4
DDE1EF
D1D7E9
C6CEE4
BAC4DF
AFBAD9
A3B0D4
98A6CE
8C9CC9
7E8CB5
707DA1
626D8D
545E79
464E65
383E50
2A2F3C
1C1F28
0E1014
000000
FFFFFF
F5F7FB
ECEEF6
E2E6F2
D9DEED
CFD6E9
C5CDE4
BCC5E0
B2BDDB
A9B4D7
9FACD2
8F9BBD
7F8AA8
6F7893
5F677E
505669
404554
30343F
20222A
101115
000000
FFFFFF
F7F8FB
F0F2F8
E8EBF4
E0E5F1
D9DEED
D1D7E9
C9D1E6
C1CAE2
BAC4DF
B2BDDB
A0AAC5
8E97AF
7D8499
6B7183
595F6E
474C58
353942
24262C
121316
000000
FFFFFF
F9FAFC
F3F5FA
EEF0F7
E8EBF4
E2E6F2
DCE1EF
D6DCEC
D1D7E9
CBD2E7
C5CDE4
B1B9CD
9EA4B6
8A90A0
767B89
636772
4F525B
3B3D44
27292E
141417
000000
FFFFFF
FBFCFD
F7F8FB
F3F5FA
EFF2F8
ECEFF6
E8EBF4
E4E8F2
E0E5F1
DCE1EF
D8DEED
C2C8D5
ADB2BE
979BA6
82858E
6C6F77
56595F
414347
2B2C2F
161618
000000
FFFFFF
FDFDFE
FBFCFD
F9FAFC
F7F8FB
F5F7FB
F3F5FA
F1F3F9
EFF1F8
EDF0F7
EBEEF6
D4D6DD
BCBEC5
A5A7AC
8D8F94
76777B
5E5F62
46474A
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