Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/180c3e-2f2451-463c64-5d5477-746d8b-8b859e-a29db1-b9b6c5-d0ced8-e7e6eb-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 180C3E
RGB: 24,12,62
Hex: 2F2451
RGB: 47,36,81
Hex: 463C64
RGB: 70,60,100
Hex: 5D5477
RGB: 93,84,119
Hex: 746D8B
RGB: 116,109,139
Hex: 8B859E
RGB: 139,133,158
Hex: A29DB1
RGB: 162,157,177
Hex: B9B6C5
RGB: 185,182,197
Hex: D0CED8
RGB: 208,206,216
Hex: E7E6EB
RGB: 231,230,235
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
E8E7EC
D1CED8
BAB6C5
A39EB2
8C869F
746D8B
5D5578
463D65
2F2451
180C3E
160B38
130A32
11082B
0E0725
0C061F
0A0519
070413
05020C
020106
000000
FFFFFF
EAE9EE
D5D3DC
C1BDCB
ACA7B9
9792A8
827C97
6D6685
595074
443A62
2F2451
2A2049
261D41
211939
1C1631
181229
130E20
0E0B18
090710
050408
000000
FFFFFF
EDECF0
DAD8E0
C8C5D1
B5B1C1
A39EB2
908AA2
7E7793
6B6383
595074
463C64
3F365A
383050
312A46
2A243C
231E32
1C1828
15121E
0E0C14
07060A
000000
FFFFFF
EFEEF1
DFDDE4
CECCD6
BEBBC9
AEAABB
9E98AD
8E87A0
7D7692
6D6585
5D5477
544C6B
4A435F
413B53
383247
2F2A3C
252230
1C1924
131118
09080C
000000
FFFFFF
F1F0F3
E3E2E8
D5D3DC
C7C5D1
BAB6C5
ACA7B9
9E99AE
908AA2
827C97
746D8B
68627D
5D576F
514C61
464153
3A3746
2E2C38
23212A
17161C
0C0B0E
000000
FFFFFF
F3F3F5
E8E7EC
DCDAE2
D1CED8
C5C2CF
B9B6C5
AEAABB
A29DB1
9791A8
8B859E
7D788E
6F6A7E
615D6F
53505F
46434F
38353F
2A282F
1C1B20
0E0D10
000000
FFFFFF
F6F5F7
ECEBEF
E3E2E8
DAD8E0
D1CED8
C7C4D0
BEBAC8
B5B1C1
ABA7B9
A29DB1
928D9F
827E8E
716E7C
615E6A
514F59
413F47
312F35
201F23
101012
000000
FFFFFF
F8F8F9
F1F0F3
EAE9EE
E3E2E8
DCDBE2
D5D3DC
CECCD6
C7C5D1
C0BDCB
B9B6C5
A7A4B1
94929E
827F8A
6F6D76
5D5B63
4A494F
37373B
252427
121214
000000
FFFFFF
FAFAFB
F6F5F7
F1F0F3
ECEBEF
E8E7EC
E3E2E8
DEDDE4
D9D8E0
D5D3DC
D0CED8
BBB9C2
A6A5AD
929097
7D7C82
68676C
535256
3E3E41
2A292B
151516
000000
FFFFFF
FDFDFD
FAFAFB
F8F8F9
F5F5F7
F3F3F5
F1F0F3
EEEEF1
ECEBEF
E9E9ED
E7E6EB
D0CFD4
B9B8BC
A2A1A5
8B8A8D
747376
5C5C5E
454546
2E2E2F
171717
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