Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3399cc-2d89b7-287aa3-236b8e-1e5b7a-194c66-143d51-0f2d3d-0a1e28-050f14-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3399CC
RGB: 51,153,204
Hex: 2D89B7
RGB: 45,137,183
Hex: 287AA3
RGB: 40,122,163
Hex: 236B8E
RGB: 35,107,142
Hex: 1E5B7A
RGB: 30,91,122
Hex: 194C66
RGB: 25,76,102
Hex: 143D51
RGB: 20,61,81
Hex: 0F2D3D
RGB: 15,45,61
Hex: 0A1E28
RGB: 10,30,40
Hex: 050F14
RGB: 5,15,20
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
EBF5FA
D6EBF5
C2E0F0
ADD6EB
99CCE6
85C2E0
70B8DB
5CADD6
47A3D1
3399CC
2E8AB8
297AA3
246B8F
1F5C7A
1A4D66
143D52
0F2E3D
0A1F29
050F14
000000
FFFFFF
EAF3F8
D5E7F1
C0DCE9
ABD0E2
96C4DB
81B8D4
6CACCD
57A1C5
4295BE
2D89B7
297BA5
246E92
1F6080
1B526E
17455C
123749
0D2937
091B25
040E12
000000
FFFFFF
EAF2F6
D4E4ED
BFD7E3
A9CADA
94BDD1
7EAFC8
69A2BF
5395B5
3E87AC
287AA3
246E93
206282
1C5572
184962
143D52
103141
0C2531
081821
040C10
000000
FFFFFF
E9F0F4
D3E1E8
BDD3DD
A7C4D2
91B5C7
7BA6BB
6597B0
4F89A5
397A99
236B8E
206080
1C5672
194B63
154055
123647
0E2B39
0A202B
07151C
030B0E
000000
FFFFFF
E9EFF2
D2DEE4
BCCED7
A5BDCA
8FADBD
789DAF
628CA2
4B7C95
356B87
1E5B7A
1B526E
184962
154055
123749
0F2E3D
0C2431
091B25
061218
03090C
000000
FFFFFF
E8EDF0
D1DBE0
BAC9D1
A3B7C2
8CA6B3
7594A3
5E8294
477085
305E75
194C66
17445C
143D52
123547
0F2E3D
0D2633
0A1E29
07171F
050F14
02080A
000000
FFFFFF
E8ECEE
D0D8DC
B9C5CB
A1B1B9
8A9EA8
728B97
5B7785
436474
2C5062
143D51
123749
103141
0E2B39
0C2531
0A1F29
081820
061218
040C10
020608
000000
FFFFFF
E7EAEC
CFD5D8
B7C0C5
9FABB1
87969E
6F818B
576C77
3F5764
274250
0F2D3D
0E2937
0C2431
0B1F2B
091B25
08171F
061218
040D12
03090C
010406
000000
FFFFFF
E7E9EA
CED2D4
B6BCBF
9DA5A9
858F94
6C787E
546269
3B4B53
23353E
0A1E28
091B24
081820
07151C
061218
050F14
040C10
03090C
020608
010304
000000
FFFFFF
E6E7E8
CDCFD0
B4B7B9
9B9FA1
82878A
696F72
50575B
373F43
1E272C
050F14
050E12
040C10
040B0E
03090C
03080A
020608
010406
010304
000102
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