Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/2d3cb3-2836a1-24308f-1f2a7d-1b246b-161e59-111847-0d1235-090c23-040611-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 2D3CB3
RGB: 45,60,179
Hex: 2836A1
RGB: 40,54,161
Hex: 24308F
RGB: 36,48,143
Hex: 1F2A7D
RGB: 31,42,125
Hex: 1B246B
RGB: 27,36,107
Hex: 161E59
RGB: 22,30,89
Hex: 111847
RGB: 17,24,71
Hex: 0D1235
RGB: 13,18,53
Hex: 090C23
RGB: 9,12,35
Hex: 040611
RGB: 4,6,17
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
EAECF7
D5D8F0
C0C5E8
ABB1E1
969ED9
818AD1
6C77CA
5763C2
4250BB
2D3CB3
2936A1
24308F
1F2A7D
1B246B
171E5A
121848
0D1236
090C24
040612
000000
FFFFFF
EAEBF6
D4D7EC
BFC3E3
A9AFD9
949BD0
7E86C7
6972BD
535EB4
3E4AAA
2836A1
243191
202B81
1C2671
182061
141B51
101640
0C1030
080B20
040510
000000
FFFFFF
E9EAF4
D3D6E9
BDC1DD
A7ACD2
9298C7
7C83BC
666EB1
5059A5
3A459A
24308F
202B81
1D2672
192264
161D56
121848
0E1339
0B0E2B
070A1D
04050E
000000
FFFFFF
E9EAF2
D2D4E5
BCBFD8
A5AACB
8F95BE
797FB1
626AA4
4C5597
353F8A
1F2A7D
1C2671
192264
161D58
13194B
10153F
0C1132
090D25
060819
03040C
000000
FFFFFF
E8E9F0
D1D3E1
BBBDD3
A4A7C4
8D92B5
767CA6
5F6697
495089
323A7A
1B246B
182060
161D56
13194B
101640
0E1236
0B0E2B
080B20
050715
03040B
000000
FFFFFF
E8E9EE
D0D2DE
B9BCCD
A2A5BD
8B8FAC
73789B
5C628B
454B7A
2D356A
161E59
141B50
121847
0F153E
0D1235
0B0F2D
090C24
07091B
040612
020309
000000
FFFFFF
E7E8ED
CFD1DA
B8BAC8
A0A3B5
888CA3
707491
585D7E
41466C
292F59
111847
0F1640
0E1339
0C1132
0A0E2B
090C24
070A1C
050715
03050E
020207
000000
FFFFFF
E7E7EB
CFD0D7
B6B8C2
9EA0AE
86899A
6E7186
565972
3D415D
252A49
0D1235
0C1030
0A0E2A
090D25
080B20
07091B
050715
040510
03040B
010205
000000
FFFFFF
E6E7E9
CECED3
B5B6BD
9D9EA7
848691
6B6D7B
535565
3A3D4F
222439
090C23
080B20
070A1C
060819
050715
050612
04050E
03040A
020207
010103
000000
FFFFFF
E6E6E7
CDCDCF
B4B4B8
9B9BA0
828388
686A70
4F5158
363841
1D1F29
040611
04050F
03050E
03040C
02040A
020309
020207
010205
010103
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