Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3a726d-346662-2e5b57-284f4c-224441-1d3936-172d2b-112220-0b1615-050b0a-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3A726D
RGB: 58,114,109
Hex: 346662
RGB: 52,102,98
Hex: 2E5B57
RGB: 46,91,87
Hex: 284F4C
RGB: 40,79,76
Hex: 224441
RGB: 34,68,65
Hex: 1D3936
RGB: 29,57,54
Hex: 172D2B
RGB: 23,45,43
Hex: 112220
RGB: 17,34,32
Hex: 0B1615
RGB: 11,22,21
Hex: 050B0A
RGB: 5,11,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
EBF1F0
D8E3E2
C4D5D3
B0C7C5
9DB9B6
89AAA7
759C99
618E8A
4E807C
3A726D
346762
2E5B57
29504C
234441
1D3937
172E2C
112221
0C1716
060B0B
000000
FFFFFF
EBF0EF
D6E0E0
C2D1D0
AEC2C0
9AB3B1
85A3A1
719491
5D8581
487572
346662
2F5C58
2A524E
244745
1F3D3B
1A3331
152927
101F1D
0A1414
050A0A
000000
FFFFFF
EAEFEE
D5DEDD
C0CECD
ABBDBC
97ADAB
829D9A
6D8C89
587C79
436B68
2E5B57
29524E
254946
20403D
1C3734
172E2C
122423
0E1B1A
091211
050909
000000
FFFFFF
EAEDED
D4DCDB
BFCAC9
A9B9B7
94A7A6
7E9594
698482
537270
3E615E
284F4C
244744
203F3D
1C3735
182F2E
142826
10201E
0C1817
08100F
040808
000000
FFFFFF
E9ECEC
D3DAD9
BDC7C6
A7B4B3
91A2A0
7A8F8D
647C7A
4E6967
385754
224441
1F3D3B
1B3634
18302E
142927
112221
0E1B1A
0A1413
070E0D
030706
000000
FFFFFF
E8EBEB
D2D7D7
BBC4C3
A5B0AF
8E9C9B
778886
617472
4A615E
344D4A
1D3936
1A3331
172E2B
142826
112220
0F1D1B
0C1716
091110
060B0B
030605
000000
FFFFFF
E8EAEA
D1D5D5
B9C0BF
A2ABAA
8B9695
748180
5D6C6B
455755
2E4240
172D2B
152927
122422
101F1E
0E1B1A
0C1716
091211
070D0D
050909
020404
000000
FFFFFF
E7E9E9
CFD3D2
B8BDBC
A0A7A6
889190
707A79
586463
414E4D
293836
112220
0F1F1D
0E1B1A
0C1816
0A1413
091110
070E0D
050A0A
030706
020303
000000
FFFFFF
E7E8E8
CED0D0
B6B9B9
9DA2A1
858B8A
6D7373
545C5B
3C4544
232D2C
0B1615
0A1413
091211
080F0F
070D0D
060B0B
040908
030706
020404
010202
000000
FFFFFF
E6E7E7
CDCECE
B4B6B6
9B9D9D
828585
696D6C
505454
373C3B
1E2323
050B0A
050A09
040908
040807
030706
030605
020404
010303
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