Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3a5a8a-4e6a96-617ba1-758cad-899cb9-9cacc4-b0bdd0-c4cedc-d8dee8-ebeef3-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3A5A8A
RGB: 58,90,138
Hex: 4E6A96
RGB: 78,106,150
Hex: 617BA1
RGB: 97,123,161
Hex: 758CAD
RGB: 117,140,173
Hex: 899CB9
RGB: 137,156,185
Hex: 9CACC4
RGB: 156,172,196
Hex: B0BDD0
RGB: 176,189,208
Hex: C4CEDC
RGB: 196,206,220
Hex: D8DEE8
RGB: 216,222,232
Hex: EBEEF3
RGB: 235,238,243
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
EBEFF3
D8DEE8
C4CEDC
B0BDD0
9DADC5
899CB9
758CAD
617BA1
4E6B96
3A5A8A
34517C
2E486E
293F61
233653
1D2D45
172437
111B29
0C121C
06090E
000000
FFFFFF
EDF0F5
DCE1EA
CAD2E0
B8C3D5
A7B5CB
95A6C0
8397B6
7188AB
6079A1
4E6A96
465F87
3E5578
374A69
2F405A
27354B
1F2A3C
17202D
10151E
080B0F
000000
FFFFFF
EFF2F6
DFE5EC
D0D7E3
C0CAD9
B0BDD0
A0B0C7
90A3BD
8195B4
7188AA
617BA1
576F91
4E6281
445671
3A4A61
313E51
273140
1D2530
131920
0A0C10
000000
FFFFFF
F1F4F7
E3E8EF
D6DDE6
C8D1DE
BAC6D6
ACBACE
9EAFC6
91A3BD
8398B5
758CAD
697E9C
5E708A
526279
465468
3B4657
2F3845
232A34
171C23
0C0E11
000000
FFFFFF
F3F5F8
E7EBF1
DCE1EA
D0D7E3
C4CEDC
B8C4D5
ACBACE
A1B0C7
95A6C0
899CB9
7B8CA7
6E7D94
606D82
525E6F
454E5D
373E4A
292F37
1B1F25
0E1012
000000
FFFFFF
F5F7F9
EBEEF3
E1E6ED
D7DEE7
CED6E2
C4CDDC
BAC5D6
B0BDD0
A6B4CA
9CACC4
8C9BB0
7D8A9D
6D7889
5E6776
4E5662
3E454E
2F343B
1F2227
101114
000000
FFFFFF
F7F8FA
EFF2F6
E7EBF1
DFE5EC
D8DEE8
D0D7E3
C8D1DE
C0CAD9
B8C4D5
B0BDD0
9EAABB
8D97A6
7B8492
6A717D
585F68
464C53
35393E
23262A
121315
000000
FFFFFF
F9FAFC
F3F5F8
EDF0F5
E7EBF1
E2E7EE
DCE2EA
D6DDE7
D0D8E3
CAD3E0
C4CEDC
B0B9C6
9DA5B0
89909A
767C84
62676E
4E5258
3B3E42
27292C
141516
000000
FFFFFF
FBFCFD
F7F8FA
F3F5F8
EFF2F6
ECEFF4
E8EBF1
E4E8EF
E0E5ED
DCE1EA
D8DEE8
C2C8D1
ADB2BA
979BA2
82858B
6C6F74
56595D
414346
2B2C2E
161617
000000
FFFFFF
FDFDFE
FBFCFD
F9FAFB
F7F8FA
F5F7F9
F3F5F8
F1F3F7
EFF1F5
EDF0F4
EBEEF3
D4D6DB
BCBEC2
A5A7AA
8D8F92
76777A
5E5F61
464749
2F3031
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