Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/114ba7-0f4396-0d3c85-0b3474-0a2d64-082553-061e42-051632-030f21-010710-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 114BA7
RGB: 17,75,167
Hex: 0F4396
RGB: 15,67,150
Hex: 0D3C85
RGB: 13,60,133
Hex: 0B3474
RGB: 11,52,116
Hex: 0A2D64
RGB: 10,45,100
Hex: 082553
RGB: 8,37,83
Hex: 061E42
RGB: 6,30,66
Hex: 051632
RGB: 5,22,50
Hex: 030F21
RGB: 3,15,33
Hex: 010710
RGB: 1,7,16
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
E7EDF6
CFDBED
B8C9E5
A0B7DC
88A5D3
7093CA
5881C1
416FB9
295DB0
114BA7
0F4496
0E3C86
0C3575
0A2D64
092654
071E43
051632
030F21
020711
000000
FFFFFF
E7ECF5
CFD9EA
B7C7E0
9FB4D5
87A1CB
6F8EC0
577BB6
3F69AB
2756A1
0F4396
0E3C87
0C3678
0B2F69
09285A
08224B
061B3C
04142D
030D1E
01070F
000000
FFFFFF
E7ECF3
CFD8E7
B6C5DA
9EB1CE
869EC2
6E8AB6
5677AA
3D639D
255091
0D3C85
0C3678
0A306A
092A5D
082450
071E43
051835
041228
030C1B
01060D
000000
FFFFFF
E7EBF1
CED6E3
B6C2D5
9DAEC7
859ABA
6D85AC
54719E
3C5D90
234882
0B3474
0A2F68
092A5D
082451
071F46
061A3A
04152E
031023
020A17
01050C
000000
FFFFFF
E7EAF0
CED5E0
B6C0D1
9DABC1
8596B2
6C81A2
546C93
3B5783
234274
0A2D64
09295A
082450
071F46
061B3C
051732
041228
030D1E
020914
01040A
000000
FFFFFF
E6E9EE
CED3DD
B5BECB
9CA8BA
8492A9
6B7C98
526687
395175
213B64
082553
07214B
061E42
061A3A
051632
04132A
030F21
020B19
020711
010408
000000
FFFFFF
E6E9EC
CDD2D9
B4BCC6
9BA5B3
838FA1
6A788E
51627B
384B68
1F3555
061E42
051B3B
051835
04152E
041228
030F21
020C1A
020914
01060D
010307
000000
FFFFFF
E6E8EB
CDD0D6
B4B9C2
9BA2AD
828B99
697384
505C70
37455B
1E2D47
051632
05142D
041228
040F23
030D1E
030B19
020914
01070F
01040A
000205
000000
FFFFFF
E6E7E9
CDCFD3
B3B7BC
9A9FA6
818790
686F7A
4F5764
353F4D
1C2737
030F21
030E1E
020C1A
020B17
020914
020811
01060D
01040A
010307
000103
000000
FFFFFF
E6E6E7
CCCDCF
B3B5B7
999C9F
808388
676A70
4D5158
343940
1A2028
010710
01060E
01060D
01050B
01040A
010408
000306
000205
000103
000102
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