Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/316366-457275-5a8284-6e9193-83a1a3-98b1b2-acc0c1-c1d0d1-d5dfe0-eaefef-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 316366
RGB: 49,99,102
Hex: 457275
RGB: 69,114,117
Hex: 5A8284
RGB: 90,130,132
Hex: 6E9193
RGB: 110,145,147
Hex: 83A1A3
RGB: 131,161,163
Hex: 98B1B2
RGB: 152,177,178
Hex: ACC0C1
RGB: 172,192,193
Hex: C1D0D1
RGB: 193,208,209
Hex: D5DFE0
RGB: 213,223,224
Hex: EAEFEF
RGB: 234,239,239
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
EAEFF0
D6E0E0
C1D0D1
ADC1C2
98B1B3
83A1A3
6F9294
5A8285
467375
316366
2C595C
274F52
224547
1D3B3D
193233
142829
0F1E1F
0A1414
050A0A
000000
FFFFFF
ECF1F1
DAE3E3
C7D5D6
B5C7C8
A2B9BA
8FAAAC
7D9C9E
6A8E91
588083
457275
3E6769
375B5E
305052
294446
23393B
1C2E2F
152223
0E1717
070B0C
000000
FFFFFF
EFF3F3
DEE6E6
CEDADA
BDCDCE
ADC1C2
9CB4B5
8CA8A9
7B9B9D
6B8F90
5A8284
517577
48686A
3F5B5C
364E4F
2D4142
243435
1B2728
121A1A
090D0D
000000
FFFFFF
F1F4F4
E2E9E9
D4DEDF
C5D3D4
B7C8C9
A8BDBE
9AB2B3
8BA7A9
7D9C9E
6E9193
638384
587476
4D6667
425758
37494A
2C3A3B
212B2C
161D1D
0B0E0F
000000
FFFFFF
F3F6F6
E6ECED
DAE3E3
CDD9DA
C1D0D1
B5C7C8
A8BDBF
9CB4B5
8FAAAC
83A1A3
769193
698182
5C7172
4F6162
425152
344041
273031
1A2021
0D1010
000000
FFFFFF
F5F7F7
EAEFF0
E0E8E8
D6E0E0
CCD8D9
C1D0D1
B7C8C9
ADC1C1
A2B9BA
98B1B2
899FA0
7A8E8E
6A7C7D
5B6A6B
4C5959
3D4747
2E3535
1E2324
0F1212
000000
FFFFFF
F7F9F9
EEF2F3
E6ECEC
DEE6E6
D6E0E0
CDD9DA
C5D3D4
BDCDCD
B4C6C7
ACC0C1
9BADAE
8A9A9A
788687
677374
566061
454D4D
343A3A
222627
111313
000000
FFFFFF
F9FAFA
F3F6F6
ECF1F1
E6ECED
E0E8E8
DAE3E3
D4DEDF
CDD9DA
C7D5D6
C1D0D1
AEBBBC
9AA6A7
879292
747D7D
616869
4D5354
3A3E3F
272A2A
131515
000000
FFFFFF
FBFCFC
F7F9F9
F2F5F6
EEF2F3
EAEFF0
E6ECEC
E2E9E9
DDE5E6
D9E2E3
D5DFE0
C0C9CA
AAB2B3
959C9D
808686
6B7070
55595A
404343
2B2D2D
151616
000000
FFFFFF
FDFDFD
FBFCFC
F9FAFA
F7F9F9
F5F7F7
F2F5F5
F0F4F4
EEF2F2
ECF1F1
EAEFEF
D3D7D7
BBBFBF
A4A7A7
8C8F8F
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