Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3f5a6e-526a7c-657b8b-788b99-8b9ca8-9facb6-b2bdc5-c5cdd3-d8dee2-ebeef0-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3F5A6E
RGB: 63,90,110
Hex: 526A7C
RGB: 82,106,124
Hex: 657B8B
RGB: 101,123,139
Hex: 788B99
RGB: 120,139,153
Hex: 8B9CA8
RGB: 139,156,168
Hex: 9FACB6
RGB: 159,172,182
Hex: B2BDC5
RGB: 178,189,197
Hex: C5CDD3
RGB: 197,205,211
Hex: D8DEE2
RGB: 216,222,226
Hex: EBEEF0
RGB: 235,238,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
ECEFF1
D9DEE2
C5CED4
B2BDC5
9FADB7
8C9CA8
798C9A
657B8B
526B7D
3F5A6E
395163
324858
2C3F4D
263642
202D37
19242C
131B21
0D1216
06090B
000000
FFFFFF
EEF0F2
DCE1E5
CBD2D8
BAC3CB
A9B5BE
97A6B0
8697A3
758896
637989
526A7C
4A5F70
425563
394A57
31404A
29353E
212A32
192025
101519
080B0C
000000
FFFFFF
F0F2F3
E0E5E8
D1D7DC
C1CAD1
B2BDC5
A3B0B9
93A3AE
8495A2
748897
657B8B
5B6F7D
51626F
475661
3D4A53
333E46
283138
1E252A
14191C
0A0C0E
000000
FFFFFF
F2F3F5
E4E8EB
D7DCE0
C9D1D6
BCC5CC
AEB9C2
A1AEB8
93A2AD
8697A3
788B99
6C7D8A
606F7A
54616B
48535C
3C464D
30383D
242A2E
181C1F
0C0E0F
000000
FFFFFF
F3F5F6
E8EBEE
DCE1E5
D1D7DC
C5CED4
B9C4CB
AEBAC2
A2B0B9
97A6B1
8B9CA8
7D8C97
6F7D86
616D76
535E65
464E54
383E43
2A2F32
1C1F22
0E1011
000000
FFFFFF
F5F7F8
ECEEF0
E2E6E9
D9DEE2
CFD6DB
C5CDD3
BCC5CC
B2BDC5
A9B4BD
9FACB6
8F9BA4
7F8A92
6F787F
5F676D
50565B
404549
303437
202224
101112
000000
FFFFFF
F7F8F9
F0F2F3
E8EBEE
E0E5E8
D9DEE2
D1D7DC
C9D1D6
C1CAD1
BAC4CB
B2BDC5
A0AAB1
8E979E
7D848A
6B7176
595F63
474C4F
35393B
242627
121314
000000
FFFFFF
F9FAFB
F3F5F6
EEF0F2
E8EBED
E2E6E9
DCE1E5
D6DCE0
D1D7DC
CBD2D7
C5CDD3
B1B9BE
9EA4A9
8A9094
767B7F
63676A
4F5254
3B3D3F
27292A
141415
000000
FFFFFF
FBFCFC
F7F8F9
F3F5F6
EFF2F3
ECEFF1
E8EBEE
E4E8EB
E0E5E8
DCE1E5
D8DEE2
C2C8CB
ADB2B5
979B9E
828588
6C6F71
56595A
414344
2B2C2D
161617
000000
FFFFFF
FDFDFE
FBFCFC
F9FAFB
F7F8F9
F5F7F8
F3F5F6
F1F3F5
EFF1F3
EDF0F2
EBEEF0
D4D6D8
BCBEC0
A5A7A8
8D8F90
767778
5E5F60
464748
2F3030
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