Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3897ca-3287b5-2c78a1-27698d-215a79-1c4b65-163c50-102d3c-0b1e28-050f14-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3897CA
RGB: 56,151,202
Hex: 3287B5
RGB: 50,135,181
Hex: 2C78A1
RGB: 44,120,161
Hex: 27698D
RGB: 39,105,141
Hex: 215A79
RGB: 33,90,121
Hex: 1C4B65
RGB: 28,75,101
Hex: 163C50
RGB: 22,60,80
Hex: 102D3C
RGB: 16,45,60
Hex: 0B1E28
RGB: 11,30,40
Hex: 050F14
RGB: 5,15,20
Hex: 000000
RGB: 0,0,0
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
EBF5FA
D7EAF4
C3E0EF
AFD5EA
9CCBE5
88C1DF
74B6DA
60ACD5
4CA1CF
3897CA
3288B6
2D79A2
276A8D
225B79
1C4C65
163C51
112D3D
0B1E28
060F14
000000
FFFFFF
EBF3F8
D6E7F0
C2DBE9
ADCFE1
99C3DA
84B7D3
70ABCB
5B9FC4
4793BC
3287B5
2D7AA3
286C91
235F7F
1E516D
19445B
143648
0F2836
0A1B24
050D12
000000
FFFFFF
EAF2F6
D5E4EC
C0D7E3
ABC9D9
96BCD0
80AEC7
6BA1BD
5693B4
4186AA
2C78A1
286C91
236081
1F5471
1A4861
163C51
123040
0D2430
091820
040C10
000000
FFFFFF
E9F0F4
D4E1E8
BED2DD
A9C3D1
93B4C6
7DA5BB
6896AF
5287A4
3D7898
27698D
235F7F
1F5471
1B4A63
173F55
143547
102A38
0C1F2A
08151C
040A0E
000000
FFFFFF
E9EFF2
D3DEE4
BCCED7
A6BDC9
90ADBC
7A9CAF
648CA1
4D7B94
376B86
215A79
1E516D
1A4861
173F55
143649
112D3D
0D2430
0A1B24
071218
03090C
000000
FFFFFF
E8EDF0
D2DBE0
BBC9D1
A4B7C1
8EA5B2
7793A3
608193
496F84
335D74
1C4B65
19445B
163C51
143547
112D3D
0E2633
0B1E28
08161E
060F14
03070A
000000
FFFFFF
E8ECEE
D0D8DC
B9C5CB
A2B1B9
8B9EA8
738A96
5C7785
456373
2D5062
163C50
143648
123040
0F2A38
0D2430
0B1E28
091820
071218
040C10
020608
000000
FFFFFF
E7EAEC
CFD5D8
B7C0C5
9FABB1
88969E
70818A
586C77
405763
284250
102D3C
0E2936
0D2430
0B1F2A
0A1B24
08171E
061218
050D12
03090C
020406
000000
FFFFFF
E7E9EA
CED2D4
B6BCBF
9DA5A9
858F94
6D787E
546269
3C4B53
23353E
0B1E28
0A1B24
091820
08151C
071218
060F14
040C10
03090C
020608
010304
000000
FFFFFF
E6E7E8
CDCFD0
B4B7B9
9B9FA1
82878A
696F72
50575B
373F43
1E272C
050F14
050E12
040C10
040B0E
03090C
03080A
020608
010406
010304
000102
000000
FFFFFF
E6E6E6
CCCCCC
B3B3B3
999999
808080
666666
4D4D4D
333333
1A1A1A
000000
000000
000000
000000
000000
000000
000000
000000
000000
000000
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