Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/221c4d-38325e-4e4970-646082-7a7694-908da6-a6a4b7-bcbac9-d2d1db-e8e8ed-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 221C4D
RGB: 34,28,77
Hex: 38325E
RGB: 56,50,94
Hex: 4E4970
RGB: 78,73,112
Hex: 646082
RGB: 100,96,130
Hex: 7A7694
RGB: 122,118,148
Hex: 908DA6
RGB: 144,141,166
Hex: A6A4B7
RGB: 166,164,183
Hex: BCBAC9
RGB: 188,186,201
Hex: D2D1DB
RGB: 210,209,219
Hex: E8E8ED
RGB: 232,232,237
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
E9E8ED
D3D2DB
BDBBCA
A7A4B8
918EA6
7A7794
646082
4E4971
38335F
221C4D
1F1945
1B163E
181436
14112E
110E27
0E0B1F
0A0817
07060F
030308
000000
FFFFFF
EBEBEF
D7D6DF
C3C2CF
AFADBF
9C99AF
88849E
74708E
605B7E
4C476E
38325E
322D55
2D284B
272342
221E38
1C192F
161426
110F1C
0B0A13
060509
000000
FFFFFF
EDEDF1
DCDBE2
CAC8D4
B8B6C6
A7A4B8
9592A9
83809B
716D8D
605B7E
4E4970
464265
3E3A5A
37334E
2F2C43
272538
1F1D2D
171622
100F16
08070B
000000
FFFFFF
F0EFF3
E0DFE6
D1CFDA
C1BFCD
B2B0C1
A2A0B4
9390A8
83809B
74708F
646082
5A5675
504D68
46435B
3C3A4E
323041
282634
1E1D27
14131A
0A0A0D
000000
FFFFFF
F2F1F4
E4E4EA
D7D6DF
CAC8D4
BDBBCA
AFADBF
A29FB4
9591A9
87849F
7A7694
6E6A85
625E76
555368
494759
3D3B4A
312F3B
25232C
18181E
0C0C0F
000000
FFFFFF
F4F4F6
E9E8ED
DEDDE4
D3D1DB
C8C6D3
BCBBCA
B1AFC1
A6A4B8
9B98AF
908DA6
827F95
737185
656374
565564
484753
3A3842
2B2A32
1D1C21
0E0E11
000000
FFFFFF
F6F6F8
EDEDF1
E4E4E9
DBDBE2
D3D2DB
CAC8D4
C1BFCD
B8B6C5
AFADBE
A6A4B7
9594A5
858392
747380
64626E
53525C
424249
323137
212125
111012
000000
FFFFFF
F8F8FA
F2F1F4
EBEAEF
E4E3E9
DEDDE4
D7D6DF
D0CFD9
C9C8D4
C3C1CE
BCBAC9
A9A7B5
9695A1
84828D
717079
5E5D65
4B4A50
38383C
262528
131314
000000
FFFFFF
FBFAFB
F6F6F8
F2F1F4
EDEDF1
E9E8ED
E4E3E9
E0DFE6
DBDAE2
D7D6DF
D2D1DB
BDBCC5
A8A7AF
939299
7E7D83
69696E
545458
3F3F42
2A2A2C
151516
000000
FFFFFF
FDFDFD
FAFAFB
F8F8FA
F6F6F8
F4F4F6
F1F1F4
EFEFF2
EDEDF1
EAEAEF
E8E8ED
D1D1D5
BABABE
A2A2A6
8B8B8E
747477
5D5D5F
464647
2E2E2F
171718
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