Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3fcdfd-39b8e4-32a4ca-2c90b1-267b98-20667e-195265-133d4c-0d2933-061419-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3FCDFD
RGB: 63,205,253
Hex: 39B8E4
RGB: 57,184,228
Hex: 32A4CA
RGB: 50,164,202
Hex: 2C90B1
RGB: 44,144,177
Hex: 267B98
RGB: 38,123,152
Hex: 20667E
RGB: 32,102,126
Hex: 195265
RGB: 25,82,101
Hex: 133D4C
RGB: 19,61,76
Hex: 0D2933
RGB: 13,41,51
Hex: 061419
RGB: 6,20,25
Hex: 000000
RGB: 0,0,0
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
ECFAFF
D9F5FF
C5F0FE
B2EBFE
9FE6FE
8CE1FE
79DCFE
65D7FD
52D2FD
3FCDFD
39B9E4
32A4CA
2C90B1
267B98
20677F
195265
133D4C
0D2933
061419
000000
FFFFFF
EBF8FC
D7F1FA
C4EAF7
B0E3F4
9CDCF2
88D4EF
74CDEC
61C6E9
4DBFE7
39B8E4
33A6CD
2E93B6
2881A0
226E89
1D5C72
174A5B
113744
0B252E
061217
000000
FFFFFF
EBF6FA
D6EDF4
C2E4EF
ADDBEA
99D2E5
84C8DF
70BFDA
5BB6D5
47ADCF
32A4CA
2D94B6
2883A2
23738D
1E6279
195265
144251
0F313D
0A2128
051014
000000
FFFFFF
EAF4F7
D5E9EF
C0DEE8
ABD3E0
96C8D8
80BCD0
6BB1C8
56A6C1
419BB9
2C90B1
28829F
23738E
1F657C
1A566A
164859
123A47
0D2B35
091D23
040E12
000000
FFFFFF
E9F2F5
D4E5EA
BED7E0
A8CAD6
93BDCC
7DB0C1
67A3B7
5195AD
3C88A2
267B98
226F89
1E627A
1B566A
174A5B
133E4C
0F313D
0B252E
08191E
040C0F
000000
FFFFFF
E9F0F2
D2E0E5
BCD1D8
A6C2CB
90B3BF
79A3B2
6394A5
4D8598
36758B
20667E
1D5C71
1A5265
164758
133D4C
10333F
0D2932
0A1F26
061419
030A0D
000000
FFFFFF
E8EEF0
D1DCE0
BACBD1
A3BAC1
8CA9B2
7597A3
5E8693
477584
306374
195265
174A5B
144251
123947
0F313D
0D2933
0A2128
07191E
051014
02080A
000000
FFFFFF
E7ECED
D0D8DB
B8C5C9
A1B1B7
899EA6
718B94
5A7782
426470
2B505E
133D4C
113744
0F313D
0D2B35
0B252E
0A1F26
08181E
061217
040C0F
020608
000000
FFFFFF
E7EAEB
CFD4D6
B6BFC2
9EA9AD
869499
6E7F85
566970
3D545C
253E47
0D2933
0C252E
0A2129
091D24
08191F
07151A
051014
040C0F
03080A
010405
000000
FFFFFF
E6E8E8
CDD0D1
B4B9BA
9BA1A3
838A8C
6A7275
515B5E
384347
1F2C30
061419
051217
051014
040E12
040C0F
030A0D
02080A
020607
010405
010202
000000
FFFFFF
E6E6E6
CCCCCC
B3B3B3
999999
808080
666666
4D4D4D
333333
1A1A1A
000000
000000
000000
000000
000000
000000
000000
000000
000000
000000
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