Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/337185-2e6678-295a6a-244f5d-1f4450-1a3842-142d35-0f2228-0a171b-050b0d-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 337185
RGB: 51,113,133
Hex: 2E6678
RGB: 46,102,120
Hex: 295A6A
RGB: 41,90,106
Hex: 244F5D
RGB: 36,79,93
Hex: 1F4450
RGB: 31,68,80
Hex: 1A3842
RGB: 26,56,66
Hex: 142D35
RGB: 20,45,53
Hex: 0F2228
RGB: 15,34,40
Hex: 0A171B
RGB: 10,23,27
Hex: 050B0D
RGB: 5,11,13
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
EBF1F3
D6E3E7
C2D4DA
ADC6CE
99B8C2
85AAB6
709CAA
5C8D9D
477F91
337185
2E6678
295A6A
244F5D
1F4450
1A3943
142D35
0F2228
0A171B
050B0D
000000
FFFFFF
EAF0F2
D5E0E4
C0D1D7
ABC2C9
97B3BC
82A3AE
6D94A1
588593
437586
2E6678
295C6C
255260
204754
1C3D48
17333C
122930
0E1F24
091418
050A0C
000000
FFFFFF
EAEFF0
D4DEE1
BFCED2
A9BDC3
94ADB5
7F9CA6
698C97
547B88
3E6B79
295A6A
25515F
214855
1D3F4A
193640
152D35
10242A
0C1B20
081215
04090B
000000
FFFFFF
E9EDEF
D3DCDF
BDCACE
A7B9BE
92A7AE
7C959E
66848E
50727D
3A616D
244F5D
204754
1D3F4A
193741
162F38
12282F
0E2025
0B181C
071013
040809
000000
FFFFFF
E9ECEE
D2DADC
BCC7CB
A5B4B9
8FA2A8
798F96
627C85
4C6973
355762
1F4450
1C3D48
193640
163038
132930
102228
0C1B20
091418
060E10
030708
000000
FFFFFF
E8EBEC
D1D7D9
BAC3C6
A3AFB3
8D9CA1
76888E
5F747B
486068
314C55
1A3842
17323B
152D35
12272E
102228
0D1C21
0A161A
081114
050B0D
030607
000000
FFFFFF
E8EAEB
D0D5D7
B9C0C2
A1ABAE
8A969A
728186
5B6C72
43575D
2C4249
142D35
122930
10242A
0E1F25
0C1B20
0A171B
081215
060D10
04090B
020405
000000
FFFFFF
E7E9EA
CFD3D4
B7BDBF
9FA7A9
879194
6F7A7E
576469
3F4E53
27383E
0F2228
0E1F24
0C1B20
0B181C
091418
081114
060E10
040A0C
030708
010304
000000
FFFFFF
E7E8E8
CED1D1
B6B9BB
9DA2A4
858B8D
6C7476
545D5F
3B4549
232E32
0A171B
091518
081216
071013
060E10
050C0E
04090B
030708
020505
010203
000000
FFFFFF
E6E7E7
CDCECF
B4B6B6
9B9D9E
828586
696D6E
505456
373C3D
1E2325
050B0D
050A0C
04090A
040809
030708
030607
020405
010304
010203
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