Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/40686d-53777b-66868a-799598-8ca4a7-9fb3b6-b2c2c4-c5d1d3-d8e0e1-ebeff0-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 40686D
RGB: 64,104,109
Hex: 53777B
RGB: 83,119,123
Hex: 66868A
RGB: 102,134,138
Hex: 799598
RGB: 121,149,152
Hex: 8CA4A7
RGB: 140,164,167
Hex: 9FB3B6
RGB: 159,179,182
Hex: B2C2C4
RGB: 178,194,196
Hex: C5D1D3
RGB: 197,209,211
Hex: D8E0E1
RGB: 216,224,225
Hex: EBEFF0
RGB: 235,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
ECF0F0
D9E1E2
C6D2D3
B3C3C5
A0B4B6
8CA4A7
799599
66868A
53777C
40686D
3A5E62
335357
2D494C
263E41
203437
1A2A2C
131F21
0D1516
060A0B
000000
FFFFFF
EEF1F2
DDE4E5
CBD6D7
BAC9CA
A9BBBD
98ADB0
87A0A3
759295
648588
53777B
4B6B6F
425F62
3A5356
32474A
2A3C3E
213031
192425
111819
080C0C
000000
FFFFFF
F0F3F3
E0E7E8
D1DBDC
C2CFD0
B3C3C5
A3B6B9
94AAAD
859EA1
759296
66868A
5C797C
526B6E
475E61
3D5053
334345
293637
1F2829
141B1C
0A0D0E
000000
FFFFFF
F2F4F5
E4EAEA
D7DFE0
C9D5D6
BCCACC
AFBFC1
A1B5B7
94AAAD
86A0A2
799598
6D8689
61777A
55686A
49595B
3D4B4C
303C3D
242D2E
181E1E
0C0F0F
000000
FFFFFF
F4F6F6
E8EDED
DDE4E5
D1DBDC
C6D2D3
BAC8CA
AFBFC1
A3B6B9
98ADB0
8CA4A7
7E9496
708386
627375
546264
465254
384243
2A3132
1C2121
0E1011
000000
FFFFFF
F5F7F8
ECF0F0
E2E8E9
D9E1E2
CFD9DB
C5D1D3
BCCACC
B2C2C5
A9BBBD
9FB3B6
8FA1A4
7F8F92
6F7D7F
5F6B6D
505A5B
404849
303637
202424
101212
000000
FFFFFF
F7F9F9
F0F3F3
E8EDED
E0E7E7
D9E1E2
D1DADC
C9D4D6
C1CED0
BAC8CA
B2C2C4
A0AFB0
8E9B9D
7D8889
6B7476
596162
474E4E
353A3B
242727
121314
000000
FFFFFF
F9FAFB
F3F6F6
EEF1F2
E8EDED
E2E8E9
DCE3E5
D6DFE0
D1DADC
CBD6D7
C5D1D3
B1BCBE
9EA7A9
8A9294
767D7F
63696A
4F5454
3B3F3F
272A2A
141515
000000
FFFFFF
FBFCFC
F7F9F9
F3F6F6
EFF3F3
ECF0F0
E8ECED
E4E9EA
E0E6E7
DCE3E4
D8E0E1
C2CACB
ADB3B4
979D9E
828687
6C7071
565A5A
414343
2B2D2D
161616
000000
FFFFFF
FDFDFE
FBFCFC
F9FAFB
F7F9F9
F5F7F8
F3F5F6
F1F4F5
EFF2F3
EDF1F2
EBEFF0
D4D7D8
BCBFC0
A5A7A8
8D8F90
767878
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