Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3145ce-4658d3-5a6ad8-6f7ddd-838fe2-98a2e6-adb5eb-c1c7f0-d6daf5-eaecfa-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3145CE
RGB: 49,69,206
Hex: 4658D3
RGB: 70,88,211
Hex: 5A6AD8
RGB: 90,106,216
Hex: 6F7DDD
RGB: 111,125,221
Hex: 838FE2
RGB: 131,143,226
Hex: 98A2E6
RGB: 152,162,230
Hex: ADB5EB
RGB: 173,181,235
Hex: C1C7F0
RGB: 193,199,240
Hex: D6DAF5
RGB: 214,218,245
Hex: EAECFA
RGB: 234,236,250
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
EAECFA
D6DAF5
C1C7F0
ADB5EB
98A2E7
838FE2
6F7DDD
5A6AD8
4658D3
3145CE
2C3EB9
2737A5
223090
1D297C
192367
141C52
0F153E
0A0E29
050715
000000
FFFFFF
EDEEFB
DADEF6
C8CDF2
B5BCED
A3ACE9
909BE5
7E8AE0
6B79DC
5969D7
4658D3
3F4FBE
3846A9
313E94
2A357F
232C6A
1C2354
151A3F
0E122A
070915
000000
FFFFFF
EFF0FB
DEE1F7
CED2F3
BDC3EF
ADB5EC
9CA6E8
8C97E4
7B88E0
6B79DC
5A6AD8
515FC2
4855AD
3F4A97
364082
2D356C
242A56
1B2041
12152B
090B16
000000
FFFFFF
F1F2FC
E2E5F8
D4D8F5
C5CBF1
B7BEEE
A9B1EB
9AA4E7
8C97E4
7D8AE0
6F7DDD
6471C7
5964B1
4E589B
434B85
383F6F
2C3258
212542
16192C
0B0C16
000000
FFFFFF
F3F4FC
E6E9F9
DADDF6
CDD2F3
C1C7F1
B5BCEE
A8B1EB
9CA5E8
8F9AE5
838FE2
7681CB
6972B5
5C649E
4F5688
424871
34395A
272B44
1A1D2D
0D0E17
000000
FFFFFF
F5F6FD
EAECFA
E0E3F8
D6DAF5
CCD1F3
C1C7F0
B7BEEE
ADB5EB
A2ABE9
98A2E6
8992CF
7A82B8
6A71A1
5B618A
4C5173
3D415C
2E3145
1E202E
0F1017
000000
FFFFFF
F7F8FD
EFF0FB
E6E9F9
DEE1F7
D6DAF5
CED3F3
C6CBF1
BDC4EF
B5BCED
ADB5EB
9CA3D4
8A91BC
797FA5
686D8D
575B76
45485E
343646
23242F
111217
000000
FFFFFF
F9F9FE
F3F4FC
ECEEFB
E6E9F9
E0E3F8
DADDF6
D4D8F5
CDD2F3
C7CDF2
C1C7F0
AEB3D8
9A9FC0
878BA8
747790
616478
4D5060
3A3C48
272830
131418
000000
FFFFFF
FBFBFE
F7F8FD
F3F4FC
EFF0FB
EBEDFA
E6E9F9
E2E5F8
DEE1F7
DADEF6
D6DAF5
C1C4DD
ABAEC4
9699AC
808393
6B6D7B
565762
404149
2B2C31
151618
000000
FFFFFF
FDFDFF
FBFBFE
F9F9FE
F7F7FD
F5F6FD
F2F4FC
F0F2FC
EEF0FB
ECEEFB
EAECFA
D3D4E1
BBBDC8
A4A5AF
8C8E96
75767D
5E5E64
46474B
2F2F32
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