Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/48d3f2-40bdd9-39a8c1-3293a9-2b7e91-246979-1c5460-153f48-0e2a30-071518-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 48D3F2
RGB: 72,211,242
Hex: 40BDD9
RGB: 64,189,217
Hex: 39A8C1
RGB: 57,168,193
Hex: 3293A9
RGB: 50,147,169
Hex: 2B7E91
RGB: 43,126,145
Hex: 246979
RGB: 36,105,121
Hex: 1C5460
RGB: 28,84,96
Hex: 153F48
RGB: 21,63,72
Hex: 0E2A30
RGB: 14,42,48
Hex: 071518
RGB: 7,21,24
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
EDFBFE
DAF6FC
C8F2FB
B6EDFA
A4E9F9
91E5F7
7FE0F6
6DDCF5
5AD7F3
48D3F2
41BEDA
3AA9C2
3294A9
2B7F91
246A79
1D5461
163F49
0E2A30
071518
000000
FFFFFF
ECF8FB
D9F2F7
C6EBF4
B3E5F0
A0DEEC
8CD7E8
79D1E4
66CAE1
53C4DD
40BDD9
3AAAC3
3397AE
2D8498
267182
205F6D
1A4C57
133941
0D262B
061316
000000
FFFFFF
EBF6F9
D7EEF3
C4E5EC
B0DCE6
9CD4E0
88CBDA
74C2D4
61B9CD
4DB1C7
39A8C1
3397AE
2E869A
287687
226574
1D5461
17434D
11323A
0B2227
061113
000000
FFFFFF
EBF4F6
D6E9EE
C2DFE5
ADD4DD
99C9D4
84BECB
70B3C3
5BA9BA
479EB2
3293A9
2D8498
287687
236776
1E5865
194A55
143B44
0F2C33
0A1D22
050F11
000000
FFFFFF
EAF2F4
D5E5E9
BFD8DE
AACBD3
95BFC8
80B2BD
6BA5B2
5598A7
408B9C
2B7E91
277183
226574
1E5866
1A4C57
163F49
11323A
0D262B
09191D
040D0E
000000
FFFFFF
E9F0F2
D3E1E4
BDD2D7
A7C3C9
92B4BC
7CA5AF
6696A1
508794
3A7886
246979
205F6D
1D5461
194A55
163F49
12353D
0E2A30
0B1F24
071518
040A0C
000000
FFFFFF
E8EEEF
D2DDDF
BBCCCF
A4BBBF
8EAAB0
7798A0
608790
497680
336570
1C5460
194C56
16434D
143B43
11323A
0E2A30
0B2226
08191D
061113
03080A
000000
FFFFFF
E8ECED
D0D9DA
B9C5C8
A1B2B6
8A9FA4
738C91
5B797F
44656D
2C525A
153F48
133941
11323A
0F2C32
0D262B
0B2024
08191D
061316
040D0E
020607
000000
FFFFFF
E7EAEA
CFD4D6
B7BFC1
9FAAAC
879598
6E7F83
566A6E
3E5559
263F45
0E2A30
0D262B
0B2226
0A1D22
08191D
071518
061113
040D0E
03080A
010405
000000
FFFFFF
E6E8E8
CDD0D1
B5B9BA
9CA1A3
838A8C
6A7374
515B5D
394446
202C2F
071518
061316
061113
050F11
040D0E
040B0C
03080A
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