Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3988e8-4c93ea-609fec-74abee-88b7f1-9cc3f3-afcff5-c3dbf8-d7e7fa-ebf3fc-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3988E8
RGB: 57,136,232
Hex: 4C93EA
RGB: 76,147,234
Hex: 609FEC
RGB: 96,159,236
Hex: 74ABEE
RGB: 116,171,238
Hex: 88B7F1
RGB: 136,183,241
Hex: 9CC3F3
RGB: 156,195,243
Hex: AFCFF5
RGB: 175,207,245
Hex: C3DBF8
RGB: 195,219,248
Hex: D7E7FA
RGB: 215,231,250
Hex: EBF3FC
RGB: 235,243,252
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
EBF3FD
D7E7FA
C4DBF8
B0CFF6
9CC4F4
88B8F1
74ACEF
61A0ED
4D94EA
3988E8
337AD1
2E6DBA
285FA2
22528B
1D4474
17365D
112946
0B1B2E
060E17
000000
FFFFFF
EDF4FD
DBE9FB
C9DFF9
B7D4F7
A6C9F5
94BEF2
82B3F0
70A9EE
5E9EEC
4C93EA
4484D3
3D76BB
3567A4
2E588C
264A75
1E3B5E
172C46
0F1D2F
080F17
000000
FFFFFF
EFF5FD
DFECFB
CFE2F9
BFD9F7
B0CFF6
A0C5F4
90BCF2
80B2F0
70A9EE
609FEC
568FD4
4D7FBD
436FA5
3A5F8E
305076
26405E
1D3047
13202F
0A1018
000000
FFFFFF
F1F7FD
E3EEFC
D5E6FA
C7DDF8
BAD5F7
ACCDF5
9EC4F3
90BCF1
82B3F0
74ABEE
689AD6
5D89BE
5178A7
46678F
3A5677
2E445F
233347
172230
0C1118
000000
FFFFFF
F3F8FE
E7F1FC
DBE9FB
CFE2F9
C4DBF8
B8D4F7
ACCDF5
A0C5F4
94BEF2
88B7F1
7AA5D9
6D92C1
5F80A9
526E91
445C79
364960
293748
1B2530
0E1218
000000
FFFFFF
F5F9FE
EBF3FD
E1EDFB
D7E7FA
CEE1F9
C4DBF8
BAD5F7
B0CFF5
A6C9F4
9CC3F3
8CB0DB
7D9CC2
6D89AA
5E7592
4E627A
3E4E61
2F3A49
1F2731
101318
000000
FFFFFF
F7FAFE
EFF5FD
E7F1FC
DFECFB
D7E7FA
CFE2F9
C7DDF8
BFD9F7
B7D4F6
AFCFF5
9EBADD
8CA6C4
7A91AC
697C93
58687B
465362
343E49
232931
111518
000000
FFFFFF
F9FBFE
F3F8FE
EDF4FD
E7F1FC
E1EDFC
DBE9FB
D5E6FA
CFE2F9
C9DFF9
C3DBF8
B0C5DF
9CAFC6
8999AE
758395
626E7C
4E5863
3A424A
272C32
131619
000000
FFFFFF
FBFDFF
F7FAFE
F3F8FE
EFF5FD
EBF3FD
E7F1FC
E3EEFC
DFECFB
DBE9FB
D7E7FA
C2D0E1
ACB9C8
97A2AF
818B96
6C747D
565C64
40454B
2B2E32
151719
000000
FFFFFF
FDFEFF
FBFDFE
F9FBFE
F7FAFE
F5F9FE
F3F8FD
F1F7FD
EFF5FD
EDF4FC
EBF3FC
D4DBE3
BCC2CA
A5AAB0
8D9297
767A7E
5E6165
46494C
2F3132
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