Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/408b01-397d00-336f00-2c6100-265300-204500-193700-132900-0c1b00-060d00-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 408B01
RGB: 64,139,1
Hex: 397D00
RGB: 57,125,0
Hex: 336F00
RGB: 51,111,0
Hex: 2C6100
RGB: 44,97,0
Hex: 265300
RGB: 38,83,0
Hex: 204500
RGB: 32,69,0
Hex: 193700
RGB: 25,55,0
Hex: 132900
RGB: 19,41,0
Hex: 0C1B00
RGB: 12,27,0
Hex: 060D00
RGB: 6,13,0
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
ECF3E6
D9E8CC
C6DCB3
B3D199
A0C580
8CB967
79AE4D
66A234
53971A
408B01
3A7D01
336F01
2D6101
265301
204601
1A3800
132A00
0D1C00
060E00
000000
FFFFFF
EBF2E6
D7E5CC
C4D8B3
B0CB99
9CBE80
88B166
74A44D
619733
4D8A1A
397D00
337100
2E6400
285800
224B00
1D3F00
173200
112500
0B1900
060C00
000000
FFFFFF
EBF1E6
D6E2CC
C2D4B3
ADC599
99B780
85A966
709A4D
5C8C33
477D1A
336F00
2E6400
295900
244E00
1F4300
1A3800
142C00
0F2100
0A1600
050B00
000000
FFFFFF
EAEFE6
D5DFCC
C0D0B3
ABC099
96B080
80A066
6B904D
568133
41711A
2C6100
285700
234E00
1F4400
1A3A00
163100
122700
0D1D00
091300
040A00
000000
FFFFFF
E9EEE6
D4DDCC
BECBB3
A8BA99
93A980
7D9866
67874D
517533
3C641A
265300
224B00
1E4200
1B3A00
173200
132A00
0F2100
0B1900
081100
040800
000000
FFFFFF
E9ECE6
D2DACC
BCC7B3
A6B599
90A280
798F66
637D4D
4D6A33
36581A
204500
1D3E00
1A3700
163000
132900
102300
0D1C00
0A1500
060E00
030700
000000
FFFFFF
E8EBE6
D1D7CC
BAC3B3
A3AF99
8C9B80
758766
5E734D
475F33
304B1A
193700
173200
142C00
122700
0F2100
0D1C00
0A1600
071000
050B00
020500
000000
FFFFFF
E7EAE6
D0D4CC
B8BFB3
A1A999
899480
717F66
5A694D
425433
2B3E1A
132900
112500
0F2100
0D1D00
0B1900
0A1500
081000
060C00
040800
020400
000000
FFFFFF
E7E8E6
CED1CC
B6BBB3
9EA499
868D80
6D7666
555F4D
3D4933
24321A
0C1B00
0B1800
0A1600
081300
071000
060E00
050B00
040800
020500
010300
000000
FFFFFF
E6E7E6
CDCFCC
B4B6B3
9B9E99
838680
6A6E66
51564D
383D33
1F251A
060D00
050C00
050A00
040900
040800
030700
020500
020400
010300
010100
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