Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3f5a8c-526a97-657ba3-788bae-8b9cba-9facc5-b2bdd1-c5cddc-d8dee8-ebeef3-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3F5A8C
RGB: 63,90,140
Hex: 526A97
RGB: 82,106,151
Hex: 657BA3
RGB: 101,123,163
Hex: 788BAE
RGB: 120,139,174
Hex: 8B9CBA
RGB: 139,156,186
Hex: 9FACC5
RGB: 159,172,197
Hex: B2BDD1
RGB: 178,189,209
Hex: C5CDDC
RGB: 197,205,220
Hex: D8DEE8
RGB: 216,222,232
Hex: EBEEF3
RGB: 235,238,243
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
ECEFF4
D9DEE8
C5CEDD
B2BDD1
9FADC6
8C9CBA
798CAF
657BA3
526B98
3F5A8C
39517E
324870
2C3F62
263654
202D46
192438
131B2A
0D121C
06090E
000000
FFFFFF
EEF0F5
DCE1EA
CBD2E0
BAC3D5
A9B5CB
97A6C1
8697B6
7588AC
6379A1
526A97
4A5F88
425579
394A6A
31405B
29354C
212A3C
19202D
10151E
080B0F
000000
FFFFFF
F0F2F6
E0E5ED
D1D7E3
C1CADA
B2BDD1
A3B0C8
93A3BF
8495B5
7488AC
657BA3
5B6F93
516282
475672
3D4A62
333E52
283141
1E2531
141921
0A0C10
000000
FFFFFF
F2F3F7
E4E8EF
D7DCE7
C9D1DF
BCC5D7
AEB9CE
A1AEC6
93A2BE
8697B6
788BAE
6C7D9D
606F8B
54617A
485368
3C4657
303846
242A34
181C23
0C0E11
000000
FFFFFF
F3F5F8
E8EBF1
DCE1EA
D1D7E3
C5CEDD
B9C4D6
AEBACF
A2B0C8
97A6C1
8B9CBA
7D8CA7
6F7D95
616D82
535E70
464E5D
383E4A
2A2F38
1C1F25
0E1013
000000
FFFFFF
F5F7F9
ECEEF3
E2E6EE
D9DEE8
CFD6E2
C5CDDC
BCC5D6
B2BDD1
A9B4CB
9FACC5
8F9BB1
7F8A9E
6F788A
5F6776
505663
40454F
30343B
202227
101114
000000
FFFFFF
F7F8FA
F0F2F6
E8EBF1
E0E5ED
D9DEE8
D1D7E3
C9D1DF
C1CADA
BAC4D6
B2BDD1
A0AABC
8E97A7
7D8492
6B717D
595F69
474C54
35393F
24262A
121315
000000
FFFFFF
F9FAFC
F3F5F8
EEF0F5
E8EBF1
E2E6EE
DCE1EA
D6DCE7
D1D7E3
CBD2E0
C5CDDC
B1B9C6
9EA4B0
8A909A
767B84
63676E
4F5258
3B3D42
27292C
141416
000000
FFFFFF
FBFCFD
F7F8FA
F3F5F8
EFF2F6
ECEFF4
E8EBF1
E4E8EF
E0E5ED
DCE1EA
D8DEE8
C2C8D1
ADB2BA
979BA2
82858B
6C6F74
56595D
414346
2B2C2E
161617
000000
FFFFFF
FDFDFE
FBFCFD
F9FAFB
F7F8FA
F5F7F9
F3F5F8
F1F3F7
EFF1F5
EDF0F4
EBEEF3
D4D6DB
BCBEC2
A5A7AA
8D8F92
76777A
5E5F61
464749
2F3031
171818
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