Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/312656-2c224d-271e45-221b3c-1d1734-18132b-140f22-0f0b1a-0a0811-050409-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 312656
RGB: 49,38,86
Hex: 2C224D
RGB: 44,34,77
Hex: 271E45
RGB: 39,30,69
Hex: 221B3C
RGB: 34,27,60
Hex: 1D1734
RGB: 29,23,52
Hex: 18132B
RGB: 24,19,43
Hex: 140F22
RGB: 20,15,34
Hex: 0F0B1A
RGB: 15,11,26
Hex: 0A0811
RGB: 10,8,17
Hex: 050409
RGB: 5,4,9
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
EAE9EE
D6D4DD
C1BECC
ADA8BB
9893AB
837D9A
6F6789
5A5178
463C67
312656
2C224D
271E45
221B3C
1D1734
19132B
140F22
0F0B1A
0A0811
050409
000000
FFFFFF
EAE9ED
D5D3DB
C0BDCA
ABA7B8
9691A6
807A94
6B6482
564E71
41385F
2C224D
281F45
231B3E
1F1836
1A142E
161127
120E1F
0D0A17
09070F
040308
000000
FFFFFF
E9E9EC
D4D2DA
BEBCC7
A9A5B5
938FA2
7D788F
68627D
524B6A
3D3558
271E45
231B3E
1F1837
1B1530
171229
140F23
100C1C
0C0915
08060E
040307
000000
FFFFFF
E9E8EC
D3D1D8
BDBBC5
A7A4B1
918D9E
7A768A
645F77
4E4963
383250
221B3C
1F1836
1B1630
18132A
141024
110E1E
0E0B18
0A0812
07050C
030306
000000
FFFFFF
E8E8EB
D2D1D6
BBB9C2
A5A2AE
8E8B9A
777485
615D71
4A455D
342E48
1D1734
1A152F
17122A
141024
110E1F
0F0C1A
0C0915
090710
06050A
030205
000000
FFFFFF
E8E7EA
D1D0D5
BAB8BF
A3A1AA
8C8995
747180
5D5A6B
464255
2F2B40
18132B
161127
130F22
110D1E
0E0B1A
0C0A16
0A0811
07060D
050409
020204
000000
FFFFFF
E8E7E9
D0CFD3
B9B7BD
A19FA7
8A8791
726F7A
5B5764
433F4E
2C2738
140F22
120E1F
100C1B
0E0B18
0C0914
0A0811
08060E
06040A
040307
020103
000000
FFFFFF
E7E7E8
CFCED1
B7B6BA
9F9DA3
87858D
6F6D76
57545F
3F3C48
272331
0F0B1A
0E0A17
0C0915
0B0812
090710
08060D
06040A
040308
030205
010103
000000
FFFFFF
E7E6E7
CECECF
B6B5B8
9D9CA0
858488
6C6B70
545258
3B3941
232129
0A0811
09070F
08060E
07060C
06050A
050409
040307
030205
020203
010102
000000
FFFFFF
E6E6E6
CDCDCE
B4B4B5
9B9B9D
828284
69686B
504F53
37363A
1E1D22
050409
050408
040307
040306
030205
030205
020204
010103
010102
000001
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