Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3c5365-506474-637584-768793-8a98a3-9ea9b2-b1bac1-c4cbd1-d8dde0-eceef0-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3C5365
RGB: 60,83,101
Hex: 506474
RGB: 80,100,116
Hex: 637584
RGB: 99,117,132
Hex: 768793
RGB: 118,135,147
Hex: 8A98A3
RGB: 138,152,163
Hex: 9EA9B2
RGB: 158,169,178
Hex: B1BAC1
RGB: 177,186,193
Hex: C4CBD1
RGB: 196,203,209
Hex: D8DDE0
RGB: 216,221,224
Hex: ECEEF0
RGB: 236,238,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
ECEEF0
D8DDE0
C5CBD1
B1BAC1
9EA9B2
8A98A3
778793
637584
506474
3C5365
364B5B
304251
2A3A47
24323D
1E2A33
182128
12191E
0C1114
06080A
000000
FFFFFF
EEF0F1
DCE0E3
CBD1D5
B9C1C7
A8B2BA
96A2AC
85939E
738390
627482
506474
485A68
40505D
384651
303C46
28323A
20282E
181E23
101417
080A0C
000000
FFFFFF
EFF1F3
E0E3E6
D0D6DA
C1C8CE
B1BAC2
A1ACB5
929EA9
82919D
738390
637584
596977
4F5E6A
45525C
3B464F
323B42
282F35
1E2328
14171A
0A0C0D
000000
FFFFFF
F1F3F4
E4E7E9
D6DBDF
C8CFD4
BBC3C9
ADB7BE
9FABB3
919FA9
84939E
768793
6A7A84
5E6C76
535F67
475158
3B444A
2F363B
23282C
181B1D
0C0D0F
000000
FFFFFF
F3F5F6
E8EAED
DCE0E3
D0D6DA
C5CCD1
B9C1C8
ADB7BF
A1ADB5
96A2AC
8A98A3
7C8993
6E7A82
616A72
535B62
454C52
373D41
292E31
1C1E21
0E0F10
000000
FFFFFF
F5F6F7
ECEEF0
E2E5E8
D8DDE0
CFD4D9
C5CBD1
BBC3C9
B1BAC1
A8B2BA
9EA9B2
8E98A0
7E878E
6F767D
5F656B
4F5559
3F4447
2F3335
202224
101112
000000
FFFFFF
F7F8F9
EFF1F3
E8EAEC
E0E3E6
D8DDE0
D0D6DA
C8CFD4
C1C8CD
B9C1C7
B1BAC1
9FA7AE
8E959A
7C8287
6A7074
595D61
474A4D
35383A
232527
121313
000000
FFFFFF
F9FAFA
F3F5F6
EDEFF1
E7EAED
E2E5E8
DCE0E3
D6DBDF
D0D5DA
CAD0D6
C4CBD1
B0B7BC
9DA2A7
898E92
767A7D
626669
4E5154
3B3D3F
27292A
141415
000000
FFFFFF
FBFCFC
F7F8F9
F3F5F6
EFF1F3
ECEEF0
E8EBEC
E4E7E9
E0E4E6
DCE0E3
D8DDE0
C2C7CA
ADB1B3
979B9D
828586
6C6F70
56585A
414243
2B2C2D
161616
000000
FFFFFF
FDFDFE
FBFCFC
F9FAFB
F7F8F9
F6F7F8
F4F5F6
F2F3F5
F0F1F3
EEF0F2
ECEEF0
D4D6D8
BDBEC0
A5A7A8
8E8F90
767778
5E5F60
474748
2F3030
181818
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