Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/1c274e-323c5f-495271-606783-767d94-8d93a6-a4a8b8-babec9-d1d3db-e8e9ed-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 1C274E
RGB: 28,39,78
Hex: 323C5F
RGB: 50,60,95
Hex: 495271
RGB: 73,82,113
Hex: 606783
RGB: 96,103,131
Hex: 767D94
RGB: 118,125,148
Hex: 8D93A6
RGB: 141,147,166
Hex: A4A8B8
RGB: 164,168,184
Hex: BABEC9
RGB: 186,190,201
Hex: D1D3DB
RGB: 209,211,219
Hex: E8E9ED
RGB: 232,233,237
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
E8E9ED
D2D4DC
BBBECA
A4A9B8
8E93A7
777D95
606883
495271
333D60
1C274E
192346
161F3E
141B37
11172F
0E1427
0B101F
080C17
060810
030408
000000
FFFFFF
EBECEF
D6D8DF
C2C5CF
ADB1BF
999EAF
848A9F
70778F
5B637F
47506F
323C5F
2D3656
28304C
232A43
1E2439
191E30
141826
0F121C
0A0C13
050609
000000
FFFFFF
EDEEF1
DBDCE3
C8CBD4
B6BAC6
A4A9B8
9297AA
80869C
6D758D
5B637F
495271
424A66
3A425A
33394F
2C3144
252939
1D212D
161922
0F1017
07080B
000000
FFFFFF
EFF0F3
DFE1E6
CFD1DA
BFC2CD
B0B3C1
A0A4B5
9095A8
80859C
70768F
606783
565D76
4D5269
43485C
3A3E4F
303442
262934
1D1F27
13151A
0A0A0D
000000
FFFFFF
F1F2F4
E4E5EA
D6D8DF
C8CBD4
BBBECA
ADB1BF
9FA4B4
9197A9
848A9F
767D94
6A7185
5E6476
535868
474B59
3B3F4A
2F323B
23252C
18191E
0C0C0F
000000
FFFFFF
F4F4F6
E8E9ED
DDDFE4
D1D4DB
C6C9D3
BBBECA
AFB3C1
A4A9B8
989EAF
8D93A6
7F8495
717685
636774
555864
474A53
383B42
2A2C32
1C1D21
0E0F11
000000
FFFFFF
F6F6F8
EDEEF1
E4E5EA
DBDCE3
D2D4DC
C8CBD4
BFC2CD
B6B9C6
ADB1BF
A4A8B8
9497A6
838693
737681
62656E
52545C
42434A
313237
212225
101112
000000
FFFFFF
F8F9FA
F1F2F4
EAECEF
E3E5E9
DDDFE4
D6D8DF
CFD2D9
C8CBD4
C1C5CE
BABEC9
A7ABB5
9598A1
82858D
707279
5D5F65
4A4C50
38393C
252628
131314
000000
FFFFFF
FAFBFB
F6F6F8
F1F2F4
EDEDF1
E8E9ED
E3E5E9
DFE0E6
DADCE2
D6D7DF
D1D3DB
BCBEC5
A7A9AF
929499
7D7F83
696A6E
545458
3F3F42
2A2A2C
151516
000000
FFFFFF
FDFDFD
FAFBFB
F8F8FA
F6F6F8
F4F4F6
F1F2F4
EFF0F2
EDEDF1
EAEBEF
E8E9ED
D1D2D5
BABABE
A2A3A6
8B8C8E
747577
5D5D5F
464647
2E2F2F
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