Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/21232e-373943-4d4f58-64656d-7a7b82-909196-a6a7ab-bcbdc0-d3d3d5-e9e9ea-ffffff?scheme=none

Saved Colors (Max 9)


Palette Color Variations




Hex: 21232E
RGB: 33,35,46
Hex: 373943
RGB: 55,57,67
Hex: 4D4F58
RGB: 77,79,88
Hex: 64656D
RGB: 100,101,109
Hex: 7A7B82
RGB: 122,123,130
Hex: 909196
RGB: 144,145,150
Hex: A6A7AB
RGB: 166,167,171
Hex: BCBDC0
RGB: 188,189,192
Hex: D3D3D5
RGB: 211,211,213
Hex: E9E9EA
RGB: 233,233,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
E9E9EA
D3D3D5
BCBDC0
A6A7AB
909197
7A7B82
64656D
4D4F58
373943
21232E
1E2029
1A1C25
171920
14151C
111217
0D0E12
0A0A0E
070709
030305
000000
FFFFFF
EBEBEC
D7D7D9
C3C4C7
AFB0B4
9B9CA1
87888E
73747B
5F6169
4B4D56
373943
32333C
2C2E36
27282F
212228
1C1D22
16171B
101114
0B0B0D
050607
000000
FFFFFF
EDEDEE
DBDCDE
CACACD
B8B9BC
A6A7AC
94959B
82848A
717279
5F6169
4D4F58
45474F
3E3F46
36373E
2E2F35
27282C
1F2023
17181A
0F1012
080809
000000
FFFFFF
F0F0F0
E0E0E2
D1D1D3
C1C1C5
B2B2B6
A2A3A7
939399
83848A
74747C
64656D
5A5B62
505157
46474C
3C3D41
323337
28282C
1E1E21
141416
0A0A0B
000000
FFFFFF
F2F2F3
E4E5E6
D7D7DA
CACACD
BDBDC1
AFB0B4
A2A3A8
95959B
87888F
7A7B82
6E6F75
626268
55565B
494A4E
3D3E41
313134
252527
18191A
0C0C0D
000000
FFFFFF
F4F4F5
E9E9EA
DEDEE0
D3D3D5
C8C8CB
BCBDC0
B1B2B6
A6A7AB
9B9CA1
909196
828387
737478
656669
56575A
48494B
3A3A3C
2B2B2D
1D1D1E
0E0E0F
000000
FFFFFF
F6F6F7
EDEDEE
E4E5E6
DBDCDD
D3D3D5
CACACD
C1C1C4
B8B9BC
AFB0B3
A6A7AB
95969A
858689
747578
646467
535456
424344
323233
212122
111111
000000
FFFFFF
F8F8F9
F2F2F2
EBEBEC
E4E5E6
DEDEE0
D7D7D9
D0D1D3
C9CACD
C3C4C6
BCBDC0
A9AAAD
96979A
848486
717173
5E5F60
4B4C4D
38393A
262626
131313
000000
FFFFFF
FBFBFB
F6F6F7
F2F2F2
EDEDEE
E9E9EA
E5E5E6
E0E0E2
DCDCDD
D7D7D9
D3D3D5
BEBEC0
A9A9AA
949495
7F7F80
6A6A6B
545455
3F3F40
2A2A2B
151515
000000
FFFFFF
FDFDFD
FBFBFB
F8F8F9
F6F6F7
F4F4F5
F2F2F2
F0F0F0
EDEDEE
EBEBEC
E9E9EA
D2D2D3
BABABB
A3A3A4
8C8C8C
757575
5D5D5E
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