Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/33224d-47385e-5b4e70-706482-847a94-9990a6-ada6b7-c1bcc9-d6d2db-eae8ed-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 33224D
RGB: 51,34,77
Hex: 47385E
RGB: 71,56,94
Hex: 5B4E70
RGB: 91,78,112
Hex: 706482
RGB: 112,100,130
Hex: 847A94
RGB: 132,122,148
Hex: 9990A6
RGB: 153,144,166
Hex: ADA6B7
RGB: 173,166,183
Hex: C1BCC9
RGB: 193,188,201
Hex: D6D2DB
RGB: 214,210,219
Hex: EAE8ED
RGB: 234,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
EBE9ED
D6D3DB
C2BDCA
ADA7B8
9991A6
857A94
706482
5C4E71
47385F
33224D
2E1F45
291B3E
241836
1F142E
1A1127
140E1F
0F0A17
0A070F
050308
000000
FFFFFF
EDEBEF
DAD7DF
C8C3CF
B5AFBF
A39CAF
91889E
7E748E
6C607E
594C6E
47385E
403255
392D4B
322742
2B2238
241C2F
1C1626
15111C
0E0B13
070609
000000
FFFFFF
EFEDF1
DEDCE2
CECAD4
BDB8C6
ADA7B8
9D95A9
8C839B
7C718D
6B607E
5B4E70
524665
493E5A
40374E
372F43
2E2738
241F2D
1B1722
121016
09080B
000000
FFFFFF
F1F0F3
E2E0E6
D4D1DA
C6C1CD
B8B2C1
A9A2B4
9B93A8
8D839B
7E748F
706482
655A75
5A5068
4E465B
433C4E
383241
2D2834
221E27
16141A
0B0A0D
000000
FFFFFF
F3F2F4
E6E4EA
DAD7DF
CECAD4
C2BDCA
B5AFBF
A9A2B4
9D95A9
90879F
847A94
776E85
6A6276
5C5568
4F4959
423D4A
35313B
28252C
1A181E
0D0C0F
000000
FFFFFF
F5F4F6
EBE9ED
E0DEE4
D6D3DB
CCC8D3
C2BCCA
B8B1C1
ADA6B8
A39BAF
9990A6
8A8295
7A7385
6B6574
5C5664
4D4853
3D3A42
2E2B32
1F1D21
0F0E11
000000
FFFFFF
F7F6F8
EFEDF1
E6E4E9
DEDBE2
D6D3DB
CECAD4
C6C1CD
BDB8C5
B5AFBE
ADA6B7
9C95A5
8A8592
797480
68646E
57535C
454249
343237
232125
111112
000000
FFFFFF
F9F8FA
F3F2F4
ECEBEF
E6E4E9
E0DEE4
DAD7DF
D4D0D9
CDC9D4
C7C3CE
C1BCC9
AEA9B5
9A96A1
87848D
747179
615E65
4D4B50
3A383C
272628
131314
000000
FFFFFF
FBFBFB
F7F6F8
F3F2F4
EFEDF1
EBE9ED
E6E4E9
E2E0E6
DEDBE2
DAD7DF
D6D2DB
C1BDC5
ABA8AF
969399
807E83
6B696E
565458
403F42
2B2A2C
151516
000000
FFFFFF
FDFDFD
FBFAFB
F9F8FA
F7F6F8
F5F4F6
F2F1F4
F0EFF2
EEEDF1
ECEAEF
EAE8ED
D3D1D5
BBBABE
A4A2A6
8C8B8E
757477
5E5D5F
464647
2F2E2F
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