Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3368ea-2d5dd2-2853bb-2348a3-1e3e8c-193475-14295d-0f1f46-0a142e-050a17-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3368EA
RGB: 51,104,234
Hex: 2D5DD2
RGB: 45,93,210
Hex: 2853BB
RGB: 40,83,187
Hex: 2348A3
RGB: 35,72,163
Hex: 1E3E8C
RGB: 30,62,140
Hex: 193475
RGB: 25,52,117
Hex: 14295D
RGB: 20,41,93
Hex: 0F1F46
RGB: 15,31,70
Hex: 0A142E
RGB: 10,20,46
Hex: 050A17
RGB: 5,10,23
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
EBF0FD
D6E1FB
C2D2F9
ADC3F7
99B4F5
85A4F2
7095F0
5C86EE
4777EC
3368EA
2E5ED3
2953BB
2449A4
1F3E8C
1A3475
142A5E
0F1F46
0A152F
050A17
000000
FFFFFF
EAEFFB
D5DFF6
C0CEF2
ABBEED
96AEE9
819EE4
6C8EE0
577DDB
426DD7
2D5DD2
2954BD
244AA8
1F4193
1B387E
172F69
122554
0D1C3F
09132A
040915
000000
FFFFFF
EAEEF8
D4DDF1
BFCBEB
A9BAE4
94A9DD
7E98D6
6987CF
5375C9
3E64C2
2853BB
244BA8
204296
1C3A83
183270
142A5E
10214B
0C1938
081125
040813
000000
FFFFFF
E9EDF6
D3DAED
BDC8E3
A7B6DA
91A4D1
7B91C8
657FBF
4F6DB5
395AAC
2348A3
204193
1C3A82
193272
152B62
122452
0E1D41
0A1631
070E21
030710
000000
FFFFFF
E9ECF4
D2D8E8
BCC5DD
A5B2D1
8F9FC6
788BBA
6278AF
4B65A3
355198
1E3E8C
1B387E
183270
152B62
122554
0F1F46
0C1938
09132A
060C1C
03060E
000000
FFFFFF
E8EBF1
D1D6E3
BAC2D6
A3AEC8
8C9ABA
7585AC
5E719E
475D91
304883
193475
172F69
142A5E
122452
0F1F46
0D1A3B
0A152F
071023
050A17
02050C
000000
FFFFFF
E8EAEF
D0D4DF
B9BFCE
A1A9BE
8A94AE
727F9E
5B698E
43547D
2C3E6D
14295D
122554
10214A
0E1D41
0C1938
0A152F
081025
060C1C
040813
020409
000000
FFFFFF
E7E9ED
CFD2DA
B7BCC8
9FA5B5
878FA3
6F7990
57627E
3F4C6B
273559
0F1F46
0E1C3F
0C1938
0B1631
09132A
081023
060C1C
040915
03060E
010307
000000
FFFFFF
E7E8EA
CED0D5
B6B9C0
9DA1AB
858A97
6C7282
545B6D
3B4358
232C43
0A142E
091229
081025
070E20
060C1C
050A17
040812
03060E
020409
010205
000000
FFFFFF
E6E7E8
CDCED1
B4B6B9
9B9DA2
82858B
696C74
50545D
373B45
1E232E
050A17
050915
040812
040710
03060E
03050C
020409
010307
010205
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