Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3cd5f7-4fd9f7-63ddf8-76e1f9-8ae5fa-9deafb-b1eefb-c4f2fc-d8f6fd-ebfafe-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3CD5F7
RGB: 60,213,247
Hex: 4FD9F7
RGB: 79,217,247
Hex: 63DDF8
RGB: 99,221,248
Hex: 76E1F9
RGB: 118,225,249
Hex: 8AE5FA
RGB: 138,229,250
Hex: 9DEAFB
RGB: 157,234,251
Hex: B1EEFB
RGB: 177,238,251
Hex: C4F2FC
RGB: 196,242,252
Hex: D8F6FD
RGB: 216,246,253
Hex: EBFAFE
RGB: 235,250,254
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
ECFBFE
D8F7FD
C5F2FD
B1EEFC
9EEAFB
8AE6FA
77E2F9
63DDF9
50D9F8
3CD5F7
36C0DE
30AAC6
2A95AD
248094
1E6B7C
185563
12404A
0C2B31
061519
000000
FFFFFF
EDFBFE
DCF7FD
CAF4FD
B9F0FC
A7ECFB
95E8FA
84E4F9
72E1F9
61DDF8
4FD9F7
47C3DE
3FAEC6
3798AD
2F8294
286D7C
205763
18414A
102B31
081619
000000
FFFFFF
EFFCFE
E0F8FE
D0F5FD
C1F1FC
B1EEFC
A1EBFB
92E7FA
82E4F9
73E0F9
63DDF8
59C7DF
4FB1C6
459BAE
3B8595
326F7C
285863
1E424A
142C32
0A1619
000000
FFFFFF
F1FCFE
E4F9FE
D6F6FD
C8F3FD
BBF0FC
ADEDFB
9FEAFB
91E7FA
84E4FA
76E1F9
6ACBE0
5EB4C7
539EAE
478795
3B717D
2F5A64
23434B
182D32
0C1619
000000
FFFFFF
F3FCFF
E8FAFE
DCF7FE
D0F5FD
C5F2FD
B9EFFC
ADEDFC
A1EAFB
96E8FB
8AE5FA
7CCEE1
6EB7C8
61A0AF
538996
45737D
375C64
29454B
1C2E32
0E1719
000000
FFFFFF
F5FDFF
EBFBFE
E2F9FE
D8F7FD
CEF5FD
C4F2FD
BAF0FC
B1EEFC
A7ECFB
9DEAFB
8DD3E2
7EBBC9
6EA4B0
5E8C97
4F757E
3F5E64
2F464B
1F2F32
101719
000000
FFFFFF
F7FDFF
EFFCFE
E8FAFE
E0F8FD
D8F7FD
D0F5FD
C8F3FC
C1F1FC
B9F0FB
B1EEFB
9FD6E2
8EBEC9
7CA7B0
6A8F97
59777E
475F64
35474B
233032
121819
000000
FFFFFF
F9FEFF
F3FCFE
EDFBFE
E7FAFE
E2F9FE
DCF7FD
D6F6FD
D0F5FD
CAF3FC
C4F2FC
B0DAE3
9DC2CA
89A9B0
769197
62797E
4E6165
3B494C
273032
141819
000000
FFFFFF
FBFEFF
F7FDFF
F3FCFE
EFFBFE
ECFBFE
E8FAFE
E4F9FE
E0F8FD
DCF7FD
D8F6FD
C2DDE4
ADC5CA
97ACB1
829498
6C7B7F
566265
414A4C
2B3133
161919
000000
FFFFFF
FDFFFF
FBFEFF
F9FEFF
F7FDFF
F5FDFF
F3FCFE
F1FCFE
EFFBFE
EDFBFE
EBFAFE
D4E1E5
BCC8CB
A5AFB2
8D9698
767D7F
5E6466
464B4C
2F3233
171919
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