Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/122578-293a85-415093-5966a0-707cae-8892bb-a0a7c9-b7bdd6-cfd3e4-e7e9f1-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 122578
RGB: 18,37,120
Hex: 293A85
RGB: 41,58,133
Hex: 415093
RGB: 65,80,147
Hex: 5966A0
RGB: 89,102,160
Hex: 707CAE
RGB: 112,124,174
Hex: 8892BB
RGB: 136,146,187
Hex: A0A7C9
RGB: 160,167,201
Hex: B7BDD6
RGB: 183,189,214
Hex: CFD3E4
RGB: 207,211,228
Hex: E7E9F1
RGB: 231,233,241
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
E7E9F2
D0D3E4
B8BED7
A0A8C9
8992BC
717CAE
5966A1
415193
2A3B86
122578
10216C
0E1E60
0D1A54
0B1648
09133C
070F30
050B24
040718
02040C
000000
FFFFFF
EAEBF3
D4D8E7
BFC4DA
A9B0CE
949DC2
7F89B6
6975AA
54619D
3E4E91
293A85
253478
212E6A
1D295D
192350
151D43
101735
0C1128
080C1B
04060D
000000
FFFFFF
ECEEF4
D9DCE9
C6CBDF
B3B9D4
A0A8C9
8D96BE
7A85B3
6773A9
54629E
415093
3B4884
344076
2E3867
273058
21284A
1A203B
13182C
0D101D
06080F
000000
FFFFFF
EEF0F6
DEE0EC
CDD1E3
BDC2D9
ACB3D0
9BA3C6
8B94BD
7A85B3
6A75AA
5966A0
505C90
475280
3E4770
353D60
2D3350
242940
1B1F30
121420
090A10
000000
FFFFFF
F1F2F7
E2E5EF
D4D8E7
C6CBDF
B8BED7
A9B0CE
9BA3C6
8D96BE
7E89B6
707CAE
65709D
5A638B
4E577A
434A68
383E57
2D3246
222534
161923
0B0C11
000000
FFFFFF
F3F4F8
E7E9F1
DBDEEB
CFD3E4
C4C9DD
B8BED6
ACB3CF
A0A8C9
949DC2
8892BB
7A83A8
6D7596
5F6683
525870
44495E
363A4B
292C38
1B1D25
0E0F13
000000
FFFFFF
F6F6FA
ECEDF4
E3E5EF
D9DCE9
D0D3E4
C6CADF
BDC1D9
B3B9D4
AAB0CE
A0A7C9
9096B5
8086A1
70758D
606479
505465
404350
30323C
202128
101114
000000
FFFFFF
F8F8FB
F1F2F7
E9EBF3
E2E5EF
DBDEEB
D4D7E6
CDD1E2
C5CADE
BEC4DA
B7BDD6
A5AAC1
9297AB
808496
6E7180
5C5F6B
494C56
373940
25262B
121315
000000
FFFFFF
FAFBFC
F5F6FA
F1F2F7
ECEDF4
E7E9F2
E2E5EF
DDE0EC
D9DCE9
D4D7E7
CFD3E4
BABECD
A6A9B6
9194A0
7C7F89
686A72
53545B
3E3F44
292A2E
151517
000000
FFFFFF
FDFDFE
FAFBFC
F8F8FB
F5F6F9
F3F4F8
F1F2F7
EEF0F5
ECEDF4
E9EBF2
E7E9F1
D0D2D9
B9BAC1
A2A3A9
8B8C91
747579
5C5D60
454648
2E2F30
171718
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