Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/38507d-324870-2c4064-273857-21304b-1c283e-162032-101825-0b1019-05080c-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 38507D
RGB: 56,80,125
Hex: 324870
RGB: 50,72,112
Hex: 2C4064
RGB: 44,64,100
Hex: 273857
RGB: 39,56,87
Hex: 21304B
RGB: 33,48,75
Hex: 1C283E
RGB: 28,40,62
Hex: 162032
RGB: 22,32,50
Hex: 101825
RGB: 16,24,37
Hex: 0B1019
RGB: 11,16,25
Hex: 05080C
RGB: 5,8,12
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
EBEEF2
D7DCE5
C3CBD8
AFB9CB
9CA8BE
8896B1
7485A4
607397
4C628A
38507D
324871
2D4064
273858
22304B
1C283F
162032
111825
0B1019
06080C
000000
FFFFFF
EBEDF1
D6DAE2
C2C8D4
ADB6C6
99A4B8
8491A9
707F9B
5B6D8D
475A7E
324870
2D4165
283A5A
23324E
1E2B43
192438
141D2D
0F1622
0A0E16
05070B
000000
FFFFFF
EAECF0
D5D9E0
C0C6D1
ABB3C1
96A0B2
808CA2
6B7993
566683
415374
2C4064
283A5A
233350
1F2D46
1A263C
162032
121A28
0D131E
090D14
04060A
000000
FFFFFF
E9EBEE
D4D7DD
BEC3CD
A9AFBC
939CAB
7D889A
687489
526079
3D4C68
273857
23324E
1F2D46
1B273D
172234
141C2C
101623
0C111A
080B11
040609
000000
FFFFFF
E9EAED
D3D6DB
BCC1C9
A6ACB7
9098A5
7A8393
646E81
4D596F
37455D
21304B
1E2B44
1A263C
172235
141D2D
111826
0D131E
0A0E16
070A0F
030507
000000
FFFFFF
E8EAEC
D2D4D8
BBBFC5
A4A9B2
8E949F
777E8B
606978
495365
333E51
1C283E
192438
162032
141C2B
111825
0E141F
0B1019
080C13
06080C
030406
000000
FFFFFF
E8E9EB
D0D2D6
B9BCC2
A2A6AD
8B9099
737984
5C6370
454D5B
2D3647
162032
141D2D
121A28
0F1623
0D131E
0B1019
090D14
070A0F
04060A
020305
000000
FFFFFF
E7E8E9
CFD1D3
B7BABE
9FA3A8
888C92
70747C
585D66
404651
282F3B
101825
0E1621
0D131E
0B111A
0A0E16
080C13
060A0F
05070B
030507
020204
000000
FFFFFF
E7E7E8
CECFD1
B6B7BA
9D9FA3
85888C
6D7075
54585E
3C4047
232830
0B1019
0A0E17
090D14
080B12
070A0F
06080D
04060A
030507
020305
010202
000000
FFFFFF
E6E6E7
CDCECE
B4B5B6
9B9C9E
828486
696B6D
505255
37393D
1E2124
05080C
05070B
04060A
040608
030507
030406
020305
010204
010202
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