Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/33616a-477078-5b8087-709096-84a0a5-99b0b4-adbfc3-c1cfd2-d6dfe1-eaeff0-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 33616A
RGB: 51,97,106
Hex: 477078
RGB: 71,112,120
Hex: 5B8087
RGB: 91,128,135
Hex: 709096
RGB: 112,144,150
Hex: 84A0A5
RGB: 132,160,165
Hex: 99B0B4
RGB: 153,176,180
Hex: ADBFC3
RGB: 173,191,195
Hex: C1CFD2
RGB: 193,207,210
Hex: D6DFE1
RGB: 214,223,225
Hex: EAEFF0
RGB: 234,239,240
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
EBEFF0
D6DFE1
C2D0D2
ADC0C3
99B0B5
85A0A6
709097
5C8188
477179
33616A
2E575F
294E55
24444A
1F3A40
1A3135
14272A
0F1D20
0A1315
050A0B
000000
FFFFFF
EDF1F2
DAE2E4
C8D4D7
B5C6C9
A3B8BC
91A9AE
7E9BA1
6C8D93
597E86
477078
40656C
395A60
324E54
2B4348
24383C
1C2D30
152224
0E1618
070B0C
000000
FFFFFF
EFF2F3
DEE6E7
CED9DB
BDCCCF
ADC0C3
9DB3B7
8CA6AB
7C999F
6B8D93
5B8087
52737A
49666C
405A5F
374D51
2E4044
243336
1B2628
121A1B
090D0D
000000
FFFFFF
F1F4F5
E2E9EA
D4DEE0
C6D3D5
B8C8CB
A9BCC0
9BB1B6
8DA6AB
7E9BA1
709096
658287
5A7378
4E6569
43565A
38484B
2D3A3C
222B2D
161D1E
0B0E0F
000000
FFFFFF
F3F6F6
E6ECED
DAE3E4
CED9DB
C2D0D2
B5C6C9
A9BDC0
9DB3B7
90AAAE
84A0A5
779095
6A8084
5C7073
4F6063
425053
354042
283031
1A2021
0D1010
000000
FFFFFF
F5F7F8
EBEFF0
E0E7E9
D6DFE1
CCD8DA
C2D0D2
B8C8CB
ADC0C3
A3B8BC
99B0B4
8A9EA2
7A8D90
6B7B7E
5C6A6C
4D585A
3D4648
2E3536
1F2324
0F1212
000000
FFFFFF
F7F9F9
EFF2F3
E6ECED
DEE5E7
D6DFE1
CED9DB
C6D2D5
BDCCCF
B5C5C9
ADBFC3
9CACB0
8A999C
798689
687375
576062
454C4E
34393A
232627
111313
000000
FFFFFF
F9FAFB
F3F5F6
ECF1F2
E6ECED
E0E7E9
DAE2E4
D4DDE0
CDD9DB
C7D4D7
C1CFD2
AEBABD
9AA6A8
879193
747C7E
616869
4D5354
3A3E3F
27292A
131515
000000
FFFFFF
FBFCFC
F7F9F9
F3F5F6
EFF2F3
EBEFF0
E6ECED
E2E9EA
DEE5E7
DAE2E4
D6DFE1
C1C9CB
ABB2B4
969C9E
808687
6B7071
56595A
404343
2B2D2D
151616
000000
FFFFFF
FDFDFE
FBFCFC
F9FAFB
F7F9F9
F5F7F8
F2F5F6
F0F4F5
EEF2F3
ECF1F2
EAEFF0
D3D7D8
BBBFC0
A4A7A8
8C8F90
757878
5E6060
464848
2F3030
171818
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