Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/2a2f36-3f434a-54585e-696d72-7f8286-94979a-a9abae-bfc0c2-d4d5d6-e9eaea-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 2A2F36
RGB: 42,47,54
Hex: 3F434A
RGB: 63,67,74
Hex: 54585E
RGB: 84,88,94
Hex: 696D72
RGB: 105,109,114
Hex: 7F8286
RGB: 127,130,134
Hex: 94979A
RGB: 148,151,154
Hex: A9ABAE
RGB: 169,171,174
Hex: BFC0C2
RGB: 191,192,194
Hex: D4D5D6
RGB: 212,213,214
Hex: E9EAEA
RGB: 233,234,234
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
EAEAEB
D4D5D7
BFC1C3
AAACAF
95979B
7F8286
6A6D72
55595E
3F444A
2A2F36
262A31
22262B
1D2126
191C20
15181B
111316
0D0E10
08090B
040505
000000
FFFFFF
ECECED
D9D9DB
C5C7C9
B2B4B7
9FA1A5
8C8E92
797B80
65696E
52565C
3F434A
393C43
32363B
2C2F34
26282C
202225
191B1E
131416
0D0D0F
060707
000000
FFFFFF
EEEEEF
DDDEDF
CCCDCF
BBBCBF
AAACAF
989B9E
878A8E
76797E
65696E
54585E
4C4F55
43464B
3B3E42
323538
2A2C2F
222326
191A1C
111213
080909
000000
FFFFFF
F0F0F1
E1E2E3
D2D3D5
C3C5C7
B4B6B9
A5A7AA
96999C
878A8E
787C80
696D72
5F6267
54575B
4A4C50
3F4144
353739
2A2C2E
1F2122
151617
0A0B0B
000000
FFFFFF
F2F3F3
E5E6E7
D9DADB
CCCDCF
BFC1C3
B2B4B6
A5A8AA
999B9E
8C8F92
7F8286
727579
66686B
595B5E
4C4E50
404143
333436
262728
191A1B
0D0D0D
000000
FFFFFF
F4F5F5
EAEAEB
DFE0E1
D4D5D7
CACBCD
BFC1C2
B4B6B8
A9ACAE
9FA1A4
94979A
85888B
76797B
686A6C
595B5C
4A4C4D
3B3C3E
2C2D2E
1E1E1F
0F0F0F
000000
FFFFFF
F6F7F7
EEEEEF
E5E6E7
DDDDDF
D4D5D7
CBCDCE
C3C4C6
BABCBE
B2B3B6
A9ABAE
989A9D
87898B
76787A
656768
555657
444446
333334
222223
111111
000000
FFFFFF
F9F9F9
F2F2F3
ECECED
E5E6E7
DFE0E1
D9D9DA
D2D3D4
CCCDCE
C5C6C8
BFC0C2
ACADAF
999A9B
868688
737374
606061
4C4D4E
393A3A
262627
131313
000000
FFFFFF
FBFBFB
F6F7F7
F2F2F3
EEEEEF
EAEAEB
E5E6E6
E1E2E2
DDDDDE
D8D9DA
D4D5D6
BFC0C1
AAAAAB
949596
7F8080
6A6B6B
555556
404040
2A2B2B
151515
000000
FFFFFF
FDFDFD
FBFBFB
F8F9F9
F6F7F7
F4F5F5
F2F2F2
F0F0F0
EDEEEE
EBECEC
E9EAEA
D2D3D3
BABBBB
A3A4A4
8C8C8C
757575
5D5E5E
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