Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/7a8986-6d7b78-616d6b-555f5d-495250-3d4443-303635-242928-181b1a-0c0d0d-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 7A8986
RGB: 122,137,134
Hex: 6D7B78
RGB: 109,123,120
Hex: 616D6B
RGB: 97,109,107
Hex: 555F5D
RGB: 85,95,93
Hex: 495250
RGB: 73,82,80
Hex: 3D4443
RGB: 61,68,67
Hex: 303635
RGB: 48,54,53
Hex: 242928
RGB: 36,41,40
Hex: 181B1A
RGB: 24,27,26
Hex: 0C0D0D
RGB: 12,13,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
F2F3F3
E4E7E7
D7DCDB
CAD0CF
BDC4C3
AFB8B6
A2ACAA
95A19E
879592
7A8986
6E7B79
626E6B
55605E
495250
3D4543
313736
252928
181B1B
0C0E0D
000000
FFFFFF
F0F2F2
E2E5E4
D3D7D7
C5CAC9
B6BDBC
A7B0AE
99A3A1
8A9593
7C8886
6D7B78
626F6C
576260
4C5654
414A48
373E3C
2C3130
212524
161918
0B0C0C
000000
FFFFFF
EFF0F0
DFE2E1
D0D3D3
C0C5C4
B0B6B5
A0A7A6
909997
818A89
717C7A
616D6B
576260
4E5756
444C4B
3A4140
313736
272C2B
1D2120
131615
0A0B0B
000000
FFFFFF
EEEFEF
DDDFDF
CCCFCE
BBBFBE
AAAFAE
999F9E
888F8E
777F7D
666F6D
555F5D
4D5654
444C4A
3B4341
333938
2B302F
222625
191C1C
111313
080909
000000
FFFFFF
EDEEEE
DBDCDC
C8CBCB
B6BAB9
A4A9A8
929796
808685
6D7573
5B6362
495250
424A48
3A4240
333938
2C3130
252928
1D2120
161918
0F1010
070808
000000
FFFFFF
ECECEC
D8DAD9
C5C7C7
B1B4B4
9EA2A1
8B8F8E
777C7B
646969
505756
3D4443
373D3C
313636
2B302F
252928
1F2222
181B1B
121414
0C0E0D
060707
000000
FFFFFF
EAEBEB
D6D7D7
C1C3C2
ACAFAE
989B9A
838686
6E7272
595E5D
454A49
303635
2B3130
262B2A
222625
1D2020
181B1B
131615
0E1010
0A0B0B
050505
000000
FFFFFF
E9EAEA
D3D4D4
BDBFBF
A7A9A9
929494
7C7F7E
666969
505453
3A3E3E
242928
202524
1D2120
191D1C
161918
121514
0E1010
0B0C0C
070808
040404
000000
FFFFFF
E8E8E8
D1D1D1
BABBBA
A3A4A3
8C8D8D
747676
5D5F5F
464948
2F3231
181B1A
161817
131615
111312
0E1010
0C0E0D
0A0B0A
070808
050505
020303
000000
FFFFFF
E7E7E7
CECFCF
B6B6B6
9E9E9E
868686
6D6E6E
555656
3D3D3D
242525
0C0D0D
0B0C0C
0A0A0A
080909
070808
060707
050505
040404
020303
010101
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