Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3d496d-505b7b-636d8a-777f98-8a91a7-9ea4b6-b1b6c4-c4c8d3-d8dae1-ebecf0-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3D496D
RGB: 61,73,109
Hex: 505B7B
RGB: 80,91,123
Hex: 636D8A
RGB: 99,109,138
Hex: 777F98
RGB: 119,127,152
Hex: 8A91A7
RGB: 138,145,167
Hex: 9EA4B6
RGB: 158,164,182
Hex: B1B6C4
RGB: 177,182,196
Hex: C4C8D3
RGB: 196,200,211
Hex: D8DAE1
RGB: 216,218,225
Hex: EBECF0
RGB: 235,236,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
ECEDF0
D8DBE2
C5C8D3
B1B6C5
9EA4B6
8B92A7
778099
646D8A
505B7C
3D496D
374262
313A57
2B334C
252C41
1F2537
181D2C
121621
0C0F16
06070B
000000
FFFFFF
EEEFF2
DCDEE5
CBCED7
B9BDCA
A8ADBD
969DB0
858CA3
737C95
626B88
505B7B
48526F
404962
384056
30374A
282E3E
202431
181B25
101219
08090C
000000
FFFFFF
EFF0F3
E0E2E8
D0D3DC
C1C5D0
B1B6C5
A1A7B9
9299AD
828AA1
737C96
636D8A
59627C
4F576E
454C61
3B4153
323745
282C37
1E2129
14161C
0A0B0E
000000
FFFFFF
F1F2F5
E4E5EA
D6D9E0
C9CCD6
BBBFCC
ADB2C1
A0A5B7
9299AD
858CA2
777F98
6B7289
5F667A
53596A
474C5B
3C404C
30333D
24262E
18191E
0C0D0F
000000
FFFFFF
F3F4F6
E8E9ED
DCDEE5
D0D3DC
C5C8D3
B9BDCA
ADB2C1
A1A7B9
969CB0
8A91A7
7C8396
6E7486
616675
535764
454954
373A43
292B32
1C1D21
0E0E11
000000
FFFFFF
F5F6F8
ECEDF0
E2E4E9
D8DBE2
CFD2DB
C5C8D3
BBBFCC
B1B6C5
A8ADBD
9EA4B6
8E94A4
7E8392
6F737F
5F626D
4F525B
3F4249
2F3137
202124
101012
000000
FFFFFF
F7F8F9
EFF0F3
E8E9ED
E0E2E7
D8DBE2
D0D3DC
C8CCD6
C1C5D0
B9BDCA
B1B6C4
9FA4B0
8E929D
7C7F89
6A6D76
595B62
47494E
35373B
232427
121214
000000
FFFFFF
F9FAFB
F3F4F6
EDEFF2
E7E9ED
E2E4E9
DCDEE5
D6D9E0
D0D3DC
CACED7
C4C8D3
B0B4BE
9DA0A9
898C94
76787F
62646A
4E5054
3B3C3F
27282A
141415
000000
FFFFFF
FBFBFC
F7F8F9
F3F4F6
EFF0F3
ECEDF0
E8E9ED
E4E5EA
E0E1E7
DCDEE4
D8DAE1
C2C4CB
ADAEB4
97999E
828387
6C6D71
56575A
414143
2B2C2D
161616
000000
FFFFFF
FDFDFE
FBFBFC
F9F9FB
F7F7F9
F5F6F8
F3F4F6
F1F2F5
EFF0F3
EDEEF2
EBECF0
D4D4D8
BCBDC0
A5A5A8
8D8E90
767678
5E5E60
464748
2F2F30
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