Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/114ba7-285daf-406fb8-5881c1-7093ca-88a5d3-9fb7db-b7c9e4-cfdbed-e7edf6-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 114BA7
RGB: 17,75,167
Hex: 285DAF
RGB: 40,93,175
Hex: 406FB8
RGB: 64,111,184
Hex: 5881C1
RGB: 88,129,193
Hex: 7093CA
RGB: 112,147,202
Hex: 88A5D3
RGB: 136,165,211
Hex: 9FB7DB
RGB: 159,183,219
Hex: B7C9E4
RGB: 183,201,228
Hex: CFDBED
RGB: 207,219,237
Hex: E7EDF6
RGB: 231,237,246
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
E7EDF6
CFDBED
B8C9E5
A0B7DC
88A5D3
7093CA
5881C1
416FB9
295DB0
114BA7
0F4496
0E3C86
0C3575
0A2D64
092654
071E43
051632
030F21
020711
000000
FFFFFF
EAEFF7
D4DFEF
BFCEE7
A9BEDF
94AED7
7E9ECF
698EC7
537DBF
3E6DB7
285DAF
24549E
204A8C
1C417A
183869
142F58
102546
0C1C34
081323
040911
000000
FFFFFF
ECF1F8
D9E2F1
C6D4EA
B3C5E3
A0B7DC
8CA9D4
799ACD
668CC6
537DBF
406FB8
3A64A6
335993
2D4E81
26436E
20385C
1A2C4A
132137
0D1625
060B12
000000
FFFFFF
EEF2F9
DEE6F3
CDD9EC
BCCDE6
ACC0E0
9BB3DA
8AA7D4
799ACD
698EC7
5881C1
4F74AE
46679A
3E5A87
354D74
2C4161
23344D
1A273A
121A27
090D13
000000
FFFFFF
F1F4FA
E2E9F4
D4DFEF
C6D4EA
B8C9E5
A9BEDF
9BB3DA
8DA9D5
7E9ECF
7093CA
6584B6
5A76A2
4E678D
435879
384A65
2D3B51
222C3D
161D28
0B0F14
000000
FFFFFF
F3F6FB
E7EDF6
DBE4F2
CFDBED
C4D2E9
B8C9E5
ACC0E0
A0B7DC
94AED7
88A5D3
7A95BE
6D84A9
5F7394
52637F
44536A
364254
29313F
1B212A
0E1015
000000
FFFFFF
F5F8FB
ECF1F8
E2E9F4
D9E2F1
CFDBED
C5D4E9
BCCDE6
B2C5E2
A9BEDF
9FB7DB
8FA5C5
7F92AF
6F8099
5F6E83
505C6E
404958
303742
20252C
101216
000000
FFFFFF
F8FAFC
F1F4FA
E9EFF7
E2E9F4
DBE4F2
D4DFEF
CDD9EC
C5D4E9
BECEE7
B7C9E4
A5B5CD
92A1B6
808DA0
6E7989
5C6572
49505B
373C44
25282E
121417
000000
FFFFFF
FAFBFD
F5F8FB
F1F4FA
ECF1F8
E7EDF6
E2E9F4
DDE6F2
D9E2F1
D4DFEF
CFDBED
BAC5D5
A6AFBE
9199A6
7C838E
686E77
53585F
3E4247
292C2F
151618
000000
FFFFFF
FDFDFE
FAFBFD
F8FAFC
F5F8FB
F3F6FB
F1F4FA
EEF2F9
ECF1F8
E9EFF7
E7EDF6
D0D5DD
B9BEC5
A2A6AC
8B8E94
74777B
5C5F62
45474A
2E2F31
171819
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