Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/284a70-3d5c7e-536e8c-68809a-7e92a9-93a4b7-a9b6c5-bec8d4-d4dae2-e9ecf0-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 284A70
RGB: 40,74,112
Hex: 3D5C7E
RGB: 61,92,126
Hex: 536E8C
RGB: 83,110,140
Hex: 68809A
RGB: 104,128,154
Hex: 7E92A9
RGB: 126,146,169
Hex: 93A4B7
RGB: 147,164,183
Hex: A9B6C5
RGB: 169,182,197
Hex: BEC8D4
RGB: 190,200,212
Hex: D4DAE2
RGB: 212,218,226
Hex: E9ECF0
RGB: 233,236,240
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
EAEDF1
D4DBE2
BFC9D4
A9B7C6
94A5B8
7E92A9
69809B
536E8D
3E5C7E
284A70
244365
203B5A
1C344E
182C43
142538
101E2D
0C1622
080F16
04070B
000000
FFFFFF
ECEFF2
D8DEE5
C5CED8
B1BECB
9EAEBF
8B9DB2
778DA5
647D98
506C8B
3D5C7E
375371
314A65
2B4058
25374C
1F2E3F
182532
121C26
0C1219
06090D
000000
FFFFFF
EEF1F4
DDE2E8
CBD4DD
BAC5D1
A9B7C6
98A8BA
879AAF
758BA3
647D98
536E8C
4B637E
425870
3A4D62
324254
2A3746
212C38
19212A
11161C
080B0E
000000
FFFFFF
F0F2F5
E1E6EB
D2D9E1
C3CCD7
B4C0CD
A4B3C2
95A6B8
8699AE
778DA4
68809A
5E738B
53667B
495A6C
3E4D5C
34404D
2A333E
1F262E
151A1F
0A0D0F
000000
FFFFFF
F2F4F6
E5E9EE
D8DEE5
CBD3DD
BFC9D4
B2BECB
A5B3C3
98A8BA
8B9DB2
7E92A9
718398
657587
586676
4C5865
3F4955
323A44
262C33
191D22
0D0F11
000000
FFFFFF
F4F6F8
E9EDF1
DFE4E9
D4DBE2
C9D2DB
BEC8D4
B3BFCD
A9B6C5
9EADBE
93A4B7
8494A5
768392
677380
58626E
4A525C
3B4249
2C3137
1D2125
0F1012
000000
FFFFFF
F6F8F9
EEF0F3
E5E9EE
DDE2E8
D4DBE2
CBD3DC
C3CCD6
BAC5D1
B2BDCB
A9B6C5
98A4B1
87929E
767F8A
656D76
555B63
44494F
33373B
222427
111214
000000
FFFFFF
F9FAFB
F2F4F6
ECEFF2
E5E9EE
DFE4EA
D8DEE5
D2D9E1
CBD3DD
C5CED8
BEC8D4
ABB4BF
98A0AA
858C94
72787F
5F646A
4C5055
393C40
26282A
131415
000000
FFFFFF
FBFBFC
F6F8F9
F2F4F6
EEF0F3
EAEDF1
E5E9EE
E1E5EB
DDE1E8
D8DEE5
D4DAE2
BFC4CB
AAAEB5
94999E
7F8388
6A6D71
55575A
404144
2A2C2D
151617
000000
FFFFFF
FDFDFE
FBFBFC
F8F9FB
F6F7F9
F4F6F8
F2F4F6
F0F2F5
EDF0F3
EBEEF2
E9ECF0
D2D4D8
BABDC0
A3A5A8
8C8E90
757678
5D5E60
464748
2F2F30
171818
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