Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/1f6286-1b5878-184e6b-15445d-123a50-0f3143-0c2735-091d28-06131a-03090d-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 1F6286
RGB: 31,98,134
Hex: 1B5878
RGB: 27,88,120
Hex: 184E6B
RGB: 24,78,107
Hex: 15445D
RGB: 21,68,93
Hex: 123A50
RGB: 18,58,80
Hex: 0F3143
RGB: 15,49,67
Hex: 0C2735
RGB: 12,39,53
Hex: 091D28
RGB: 9,29,40
Hex: 06131A
RGB: 6,19,26
Hex: 03090D
RGB: 3,9,13
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
E9EFF3
D2E0E7
BCD0DB
A5C0CF
8FB1C3
79A1B6
6291AA
4C819E
357292
1F6286
1C5879
194E6B
16455E
133B50
103143
0C2736
091D28
06141B
030A0D
000000
FFFFFF
E8EEF2
D1DEE4
BBCDD7
A4BCC9
8DACBC
769BAE
5F8AA1
497993
326986
1B5878
184F6C
164660
133E54
103548
0E2C3C
0B2330
081A24
051218
03090C
000000
FFFFFF
E8EDF0
D1DCE1
BACAD3
A3B8C4
8CA7B5
7495A6
5D8397
467189
2F607A
184E6B
164660
133E56
11374B
0E2F40
0C2736
0A1F2B
071720
051015
02080B
000000
FFFFFF
E8ECEF
D0DADF
B9C7CE
A1B4BE
8AA2AE
738F9E
5B7C8E
44697D
2C576D
15445D
133D54
11364A
0F3041
0D2938
0B222F
081B25
06141C
040E13
020709
000000
FFFFFF
E7EBEE
D0D8DC
B8C4CB
A0B0B9
899DA8
718996
597585
416173
2A4E62
123A50
103448
0E2E40
0D2938
0B2330
091D28
071720
051118
040C10
020608
000000
FFFFFF
E7EAEC
CFD6D9
B7C1C7
9FADB4
8798A1
6F838E
576F7B
3F5A69
274656
0F3143
0E2C3C
0C2736
0B222F
091D28
081922
06141B
040F14
030A0D
010507
000000
FFFFFF
E7E9EB
CED4D7
B6BEC2
9EA9AE
86939A
6D7D86
556872
3D525D
243D49
0C2735
0B2330
0A1F2A
081B25
071720
06141B
051015
040C10
02080B
010405
000000
FFFFFF
E6E8EA
CED2D4
B5BBBF
9DA5A9
848E94
6B777E
536169
3A4A53
22343E
091D28
081A24
071720
06141C
051118
050F14
040C10
03090C
020608
010304
000000
FFFFFF
E6E7E8
CDD0D1
B4B8BA
9BA1A3
83898D
6A7176
515A5F
384248
1F2B31
06131A
051117
050F15
040D12
040B10
030A0D
02080A
020608
010405
010203
000000
FFFFFF
E6E6E7
CDCECF
B3B5B6
9A9D9E
818486
686B6E
4F5356
353A3D
1C2225
03090D
03080C
02070A
020609
020508
020507
010405
010304
010203
000101
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