Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3f3d40-525053-656366-787779-8b8a8c-9f9e9f-b2b1b2-c5c4c5-d8d8d8-ebebeb-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3F3D40
RGB: 63,61,64
Hex: 525053
RGB: 82,80,83
Hex: 656366
RGB: 101,99,102
Hex: 787779
RGB: 120,119,121
Hex: 8B8A8C
RGB: 139,138,140
Hex: 9F9E9F
RGB: 159,158,159
Hex: B2B1B2
RGB: 178,177,178
Hex: C5C4C5
RGB: 197,196,197
Hex: D8D8D8
RGB: 216,216,216
Hex: EBEBEB
RGB: 235,235,235
Hex: FFFFFF
RGB: 255,255,255
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
ECECEC
D9D8D9
C5C5C6
B2B1B3
9F9EA0
8C8B8C
797779
656466
525053
3F3D40
39373A
323133
2C2B2D
262526
201F20
19181A
131213
0D0C0D
060606
000000
FFFFFF
EEEEEE
DCDCDD
CBCBCB
BAB9BA
A9A8A9
979698
868587
757375
636264
525053
4A484B
424042
39383A
313032
29282A
212021
191819
101011
080808
000000
FFFFFF
F0EFF0
E0E0E0
D1D0D1
C1C1C2
B2B1B3
A3A1A3
939294
848285
747375
656366
5B595C
514F52
474547
3D3B3D
333233
282829
1E1E1F
141414
0A0A0A
000000
FFFFFF
F2F1F2
E4E4E4
D7D6D7
C9C9C9
BCBBBC
AEADAF
A1A0A1
939294
868586
787779
6C6B6D
605F61
545355
484749
3C3C3D
303030
242424
181818
0C0C0C
000000
FFFFFF
F3F3F4
E8E8E8
DCDCDD
D1D0D1
C5C5C6
B9B9BA
AEADAF
A2A1A3
979698
8B8A8C
7D7C7E
6F6E70
616162
535354
464546
383738
2A292A
1C1C1C
0E0E0E
000000
FFFFFF
F5F5F5
ECECEC
E2E2E2
D9D8D9
CFCFCF
C5C5C5
BCBBBC
B2B1B2
A9A8A9
9F9E9F
8F8E8F
7F7E7F
6F6F6F
5F5F5F
504F50
403F40
302F30
202020
101010
000000
FFFFFF
F7F7F7
F0EFF0
E8E8E8
E0E0E0
D9D8D9
D1D0D1
C9C8C9
C1C1C1
BAB9BA
B2B1B2
A09FA0
8E8E8E
7D7C7D
6B6A6B
595959
474747
353535
242324
121212
000000
FFFFFF
F9F9F9
F3F3F3
EEEDEE
E8E7E8
E2E2E2
DCDCDC
D6D6D6
D1D0D1
CBCACB
C5C4C5
B1B0B1
9E9D9E
8A898A
767676
636263
4F4E4F
3B3B3B
272727
141414
000000
FFFFFF
FBFBFB
F7F7F7
F3F3F3
EFEFEF
ECECEC
E8E8E8
E4E4E4
E0E0E0
DCDCDC
D8D8D8
C2C2C2
ADADAD
979797
828282
6C6C6C
565656
414141
2B2B2B
161616
000000
FFFFFF
FDFDFD
FBFBFB
F9F9F9
F7F7F7
F5F5F5
F3F3F3
F1F1F1
EFEFEF
EDEDED
EBEBEB
D4D4D4
BCBCBC
A5A5A5
8D8D8D
767676
5E5E5E
464646
2F2F2F
171717
000000
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
FFFFFF
E6E6E6
CCCCCC
B3B3B3
999999
808080
666666
4C4C4C
333333
191919
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