Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/6f93b3-6384a1-58758f-4d667d-42586b-374959-2c3a47-212c35-161d23-0b0e11-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 6F93B3
RGB: 111,147,179
Hex: 6384A1
RGB: 99,132,161
Hex: 58758F
RGB: 88,117,143
Hex: 4D667D
RGB: 77,102,125
Hex: 42586B
RGB: 66,88,107
Hex: 374959
RGB: 55,73,89
Hex: 2C3A47
RGB: 44,58,71
Hex: 212C35
RGB: 33,44,53
Hex: 161D23
RGB: 22,29,35
Hex: 0B0E11
RGB: 11,14,17
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
F1F4F7
E2E9F0
D4DFE8
C5D4E1
B7C9D9
A9BED1
9AB3CA
8CA9C2
7D9EBB
6F93B3
6484A1
59768F
4E677D
43586B
384A5A
2C3B48
212C36
161D24
0B0F12
000000
FFFFFF
EFF3F6
E0E6EC
D0DAE3
C1CED9
B1C2D0
A1B5C7
92A9BD
829DB4
7390AA
6384A1
597791
4F6A81
455C71
3B4F61
324251
283540
1E2830
141A20
0A0D10
000000
FFFFFF
EEF1F4
DEE3E9
CDD6DD
BCC8D2
ACBAC7
9BACBC
8A9EB1
7991A5
69839A
58758F
4F6981
465E72
3E5264
354656
2C3B48
232F39
1A232B
12171D
090C0E
000000
FFFFFF
EDF0F2
DBE0E5
CAD1D8
B8C2CB
A6B3BE
94A3B1
8294A4
718597
5F758A
4D667D
455C71
3E5264
364758
2E3D4B
27333F
1F2932
171F25
0F1419
080A0C
000000
FFFFFF
ECEEF0
D9DEE1
C6CDD3
B3BCC4
A1ACB5
8E9BA6
7B8A97
687989
55697A
42586B
3B4F60
354656
2E3E4B
283540
212C36
1A232B
141A20
0D1215
07090B
000000
FFFFFF
EBEDEE
D7DBDE
C3C8CD
AFB6BD
9BA4AC
87929B
73808B
5F6D7A
4B5B6A
374959
324250
2C3A47
27333E
212C35
1C252D
161D24
10161B
0B0F12
050709
000000
FFFFFF
EAEBED
D5D8DA
C0C4C8
ABB0B5
969DA3
808991
6B757E
56616C
414E59
2C3A47
283440
232E39
1F2932
1A232B
161D24
12171C
0D1115
090C0E
040607
000000
FFFFFF
E9EAEB
D3D5D7
BCC0C2
A6ABAE
90969A
7A8086
646B72
4D565D
374149
212C35
1E2830
1A232A
171F25
141A20
11161B
0D1215
0A0D10
07090B
030405
000000
FFFFFF
E8E8E9
D0D2D3
B9BBBD
A2A5A7
8B8E91
73777B
5C6165
454A4F
2D3439
161D23
141A20
12171C
0F1419
0D1115
0B0F12
090C0E
07090A
040607
020303
000000
FFFFFF
E7E7E7
CECFCF
B6B7B8
9D9FA0
858788
6D6E70
545658
3C3E41
232629
0B0E11
0A0D0F
090B0E
080A0C
07080A
060709
040607
030405
020303
010102
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