Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3737a3-4b4bac-5f5fb5-7373be-8787c7-9b9bd1-afafda-c3c3e3-d7d7ec-ebebf5-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3737A3
RGB: 55,55,163
Hex: 4B4BAC
RGB: 75,75,172
Hex: 5F5FB5
RGB: 95,95,181
Hex: 7373BE
RGB: 115,115,190
Hex: 8787C7
RGB: 135,135,199
Hex: 9B9BD1
RGB: 155,155,209
Hex: AFAFDA
RGB: 175,175,218
Hex: C3C3E3
RGB: 195,195,227
Hex: D7D7EC
RGB: 215,215,236
Hex: EBEBF5
RGB: 235,235,245
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
EBEBF6
D7D7ED
C3C3E3
AFAFDA
9B9BD1
8787C8
7373BF
5F5FB5
4B4BAC
3737A3
323293
2C2C82
272772
212162
1C1C52
161641
101031
0B0B21
050510
000000
FFFFFF
EDEDF7
DBDBEE
C9C9E6
B7B7DE
A5A5D6
9393CD
8181C5
6F6FBD
5D5DB4
4B4BAC
44449B
3C3C8A
353578
2D2D67
262656
1E1E45
161634
0F0F22
070711
000000
FFFFFF
EFEFF8
DFDFF0
CFCFE9
BFBFE1
AFAFDA
9F9FD3
8F8FCB
7F7FC4
6F6FBC
5F5FB5
5656A3
4C4C91
43437F
39396D
30305B
262648
1C1C36
131324
090912
000000
FFFFFF
F1F1F9
E3E3F2
D5D5EC
C7C7E5
B9B9DF
ABABD8
9D9DD2
8F8FCB
8181C5
7373BE
6868AB
5C5C98
515185
454572
3A3A5F
2E2E4C
222239
171726
0B0B13
000000
FFFFFF
F3F3F9
E7E7F4
DBDBEE
CFCFE9
C3C3E3
B7B7DD
ABABD8
9F9FD2
9393CD
8787C7
7A7AB3
6C6C9F
5F5F8B
515177
444464
363650
28283C
1B1B28
0D0D14
000000
FFFFFF
F5F5FA
EBEBF6
E1E1F1
D7D7ED
CDCDE8
C3C3E3
B9B9DF
AFAFDA
A5A5D6
9B9BD1
8C8CBC
7C7CA7
6D6D92
5D5D7D
4E4E69
3E3E54
2E2E3F
1F1F2A
0F0F15
000000
FFFFFF
F7F7FB
EFEFF8
E7E7F4
DFDFF0
D7D7ED
CFCFE9
C7C7E5
BFBFE1
B7B7DE
AFAFDA
9E9EC4
8C8CAE
7A7A99
696983
58586D
464657
343441
23232C
111116
000000
FFFFFF
F9F9FC
F3F3F9
EDEDF7
E7E7F4
E1E1F1
DBDBEE
D5D5EB
CFCFE9
C9C9E6
C3C3E3
B0B0CC
9C9CB6
89899F
757588
626272
4E4E5B
3A3A44
27272D
131317
000000
FFFFFF
FBFBFD
F7F7FB
F3F3F9
EFEFF7
EBEBF6
E7E7F4
E3E3F2
DFDFF0
DBDBEE
D7D7EC
C2C2D4
ACACBD
9797A5
81818E
6C6C76
56565E
404047
2B2B2F
151518
000000
FFFFFF
FDFDFE
FBFBFD
F9F9FC
F7F7FB
F5F5FA
F3F3F9
F1F1F8
EFEFF7
EDEDF6
EBEBF5
D4D4DD
BCBCC4
A5A5AC
8D8D93
76767B
5E5E62
464649
2F2F31
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