Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/383c66-32365b-2c3051-272a47-21243d-1c1e33-161828-10121e-0b0c14-05060a-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 383C66
RGB: 56,60,102
Hex: 32365B
RGB: 50,54,91
Hex: 2C3051
RGB: 44,48,81
Hex: 272A47
RGB: 39,42,71
Hex: 21243D
RGB: 33,36,61
Hex: 1C1E33
RGB: 28,30,51
Hex: 161828
RGB: 22,24,40
Hex: 10121E
RGB: 16,18,30
Hex: 0B0C14
RGB: 11,12,20
Hex: 05060A
RGB: 5,6,10
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
EBECF0
D7D8E0
C3C5D1
AFB1C2
9C9EB3
888AA3
747794
606385
4C5075
383C66
32365C
2D3052
272A47
22243D
1C1E33
161829
11121F
0B0C14
06060A
000000
FFFFFF
EBEBEF
D6D7DE
C2C3CE
ADAFBD
999BAD
84869D
70728C
5B5E7C
474A6B
32365B
2D3152
282B49
232640
1E2037
191B2E
141624
0F101B
0A0B12
050509
000000
FFFFFF
EAEAEE
D5D6DC
C0C1CB
ABACB9
9698A8
808397
6B6E85
565974
414562
2C3051
282B49
232641
1F2239
1A1D31
161829
121320
0D0E18
090A10
040508
000000
FFFFFF
E9EAED
D4D4DA
BEBFC8
A9AAB5
9395A3
7D7F91
686A7E
52556C
3D3F59
272A47
232640
1F2239
1B1D32
17192B
141524
10111C
0C0D15
08080E
040407
000000
FFFFFF
E9E9EC
D3D3D8
BCBDC5
A6A7B1
90929E
7A7C8B
646677
4D5064
373A50
21243D
1E2037
1A1D31
17192B
141625
11121F
0D0E18
0A0B12
07070C
030406
000000
FFFFFF
E8E9EB
D2D2D6
BBBCC2
A4A5AD
8E8F99
777885
606270
494B5C
333547
1C1E33
191B2E
161829
141524
11121F
0E0F1A
0B0C14
08090F
06060A
030305
000000
FFFFFF
E8E8EA
D0D1D4
B9BABF
A2A3A9
8B8C94
73747E
5C5D69
454653
2D2F3E
161828
141624
121320
0F111C
0D0E18
0B0C14
090A10
07070C
040508
020204
000000
FFFFFF
E7E7E9
CFD0D2
B7B8BC
9FA0A5
88898F
707178
585962
40414B
282A35
10121E
0E101B
0D0E18
0B0D15
0A0B12
08090F
06070C
050509
030406
020203
000000
FFFFFF
E7E7E8
CECED0
B6B6B9
9D9EA1
85868A
6D6D72
54555B
3C3D43
23242C
0B0C14
0A0B12
090A10
08080E
07070C
06060A
040508
030406
020204
010102
000000
FFFFFF
E6E6E7
CDCDCE
B4B4B6
9B9B9D
828385
696A6C
505154
37383B
1E1F23
05060A
050509
040508
040407
030406
030305
020204
010203
010102
000101
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