Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/42636e-3b5963-344f58-2e454d-273b42-213137-1a272c-131d21-0d1316-06090b-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 42636E
RGB: 66,99,110
Hex: 3B5963
RGB: 59,89,99
Hex: 344F58
RGB: 52,79,88
Hex: 2E454D
RGB: 46,69,77
Hex: 273B42
RGB: 39,59,66
Hex: 213137
RGB: 33,49,55
Hex: 1A272C
RGB: 26,39,44
Hex: 131D21
RGB: 19,29,33
Hex: 0D1316
RGB: 13,19,22
Hex: 06090B
RGB: 6,9,11
Hex: 000000
RGB: 0,0,0
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
ECEFF1
D9E0E2
C6D0D4
B3C1C5
A1B1B7
8EA1A8
7B929A
68828B
55737D
42636E
3B5963
354F58
2E454D
283B42
213237
1A282C
141E21
0D1416
070A0B
000000
FFFFFF
EBEEEF
D8DEE0
C4CDD0
B1BDC1
9DACB1
899BA1
768B92
627A82
4F6A73
3B5963
355059
2F474F
293E45
23353B
1E2D32
182428
121B1E
0C1214
06090A
000000
FFFFFF
EBEDEE
D6DCDE
C2CACD
AEB9BC
9AA7AC
85959B
71848A
5D7279
486169
344F58
2F474F
2A3F46
24373E
1F2F35
1A282C
152023
10181A
0A1012
050809
000000
FFFFFF
EAECED
D5DADB
C0C7CA
ABB5B8
97A2A6
828F94
6D7D82
586A71
43585F
2E454D
293E45
25373E
203036
1C292E
172327
121C1F
0E1517
090E0F
050708
000000
FFFFFF
E9EBEC
D4D8D9
BEC4C6
A9B1B3
939DA1
7D898E
68767B
526268
3D4F55
273B42
23353B
1F2F35
1B292E
172328
141E21
10181A
0C1214
080C0D
040607
000000
FFFFFF
E9EAEB
D3D6D7
BCC1C3
A6ADAF
90989B
7A8387
646F73
4D5A5F
37464B
213137
1E2C32
1A272C
172227
141D21
11191C
0D1416
0A0F10
070A0B
030505
000000
FFFFFF
E8E9EA
D1D4D5
BABEC0
A3A9AB
8D9396
767D80
5F686B
485256
313D41
1A272C
172328
151F23
121B1F
10171A
0D1416
0A1012
080C0D
050809
030404
000000
FFFFFF
E7E8E9
D0D2D3
B8BBBC
A1A5A6
898E90
71777A
5A6164
424A4D
2B3437
131D21
111A1E
0F171A
0D1417
0B1114
0A0F11
080C0D
06090A
040607
020303
000000
FFFFFF
E7E7E8
CFD0D0
B6B8B9
9EA1A2
86898B
6E7173
565A5C
3D4245
252B2D
0D1316
0C1114
0A0F12
090D0F
080B0D
070A0B
050809
040607
030404
010202
000000
FFFFFF
E6E6E7
CDCECE
B4B5B6
9B9D9D
838485
6A6B6D
515354
383A3C
1F2223
06090B
05080A
050709
040608
040507
030506
020404
020303
010202
010101
000000
FFFFFF
E6E6E6
CCCCCC
B3B3B3
999999
808080
666666
4D4D4D
333333
1A1A1A
000000
000000
000000
000000
000000
000000
000000
000000
000000
000000
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