Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3594b5-499fbc-5da9c4-72b4cb-86bfd3-9acada-aed4e1-c2dfe9-d7eaf0-ebf4f8-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3594B5
RGB: 53,148,181
Hex: 499FBC
RGB: 73,159,188
Hex: 5DA9C4
RGB: 93,169,196
Hex: 72B4CB
RGB: 114,180,203
Hex: 86BFD3
RGB: 134,191,211
Hex: 9ACADA
RGB: 154,202,218
Hex: AED4E1
RGB: 174,212,225
Hex: C2DFE9
RGB: 194,223,233
Hex: D7EAF0
RGB: 215,234,240
Hex: EBF4F8
RGB: 235,244,248
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
EBF4F8
D7EAF0
C2DFE9
AED4E1
9ACADA
86BFD3
72B4CB
5DA9C4
499FBC
3594B5
3085A3
2A7691
25687F
20596D
1B4A5B
153B48
102C36
0B1E24
050F12
000000
FFFFFF
EDF5F8
DBECF2
C8E2EB
B6D9E4
A4CFDE
92C5D7
80BCD0
6DB2C9
5BA9C3
499FBC
428FA9
3A7F96
336F84
2C5F71
25505E
1D404B
163038
0F2026
071013
000000
FFFFFF
EFF6F9
DFEEF3
CEE5ED
BEDDE7
AED4E2
9ECBDC
8EC3D6
7DBAD0
6DB2CA
5DA9C4
5498B0
4A879D
417689
386576
2F5562
25444E
1C333B
132227
091114
000000
FFFFFF
F1F8FA
E3F0F5
D5E9EF
C7E1EA
B9DAE5
AAD2E0
9CCBDB
8EC3D5
80BCD0
72B4CB
67A2B7
5B90A2
507E8E
446C7A
395A66
2E4851
22363D
172429
0B1214
000000
FFFFFF
F3F9FB
E7F2F6
DBECF2
CFE5ED
C3DFE9
B6D9E5
AAD2E0
9ECCDC
92C5D7
86BFD3
79ACBE
6B99A9
5E8694
50737F
43606A
364C54
28393F
1B262A
0D1315
000000
FFFFFF
F5FAFB
EBF4F8
E1EFF4
D7EAF0
CDE5ED
C2DFE9
B8DAE5
AED5E1
A4CFDE
9ACADA
8BB6C4
7BA2AE
6C8D99
5C7983
4D656D
3E5157
2E3D41
1F282C
0F1416
000000
FFFFFF
F7FBFC
EFF6F9
E7F2F6
DFEEF3
D7EAF0
CEE5ED
C6E1EA
BEDDE7
B6D8E4
AED4E1
9DBFCB
8BAAB4
7A949E
687F87
576A71
46555A
344043
232A2D
111516
000000
FFFFFF
F9FCFD
F3F9FB
EDF5F8
E7F2F6
E1EFF4
DAECF2
D4E9F0
CEE5ED
C8E2EB
C2DFE9
AFC9D2
9BB2BA
889CA3
74868C
617075
4E595D
3A4346
272D2F
131617
000000
FFFFFF
FBFDFE
F7FBFC
F3F9FB
EFF7F9
EBF5F8
E7F2F6
E3F0F5
DFEEF3
DBECF2
D7EAF0
C2D3D8
ACBBC0
97A4A8
818C90
6C7578
565E60
404648
2B2F30
151718
000000
FFFFFF
FDFEFE
FBFDFE
F9FCFD
F7FBFC
F5FAFC
F3F8FB
F1F7FA
EFF6F9
EDF5F9
EBF4F8
D4DCDF
BCC3C6
A5ABAE
8D9295
767A7C
5E6263
46494A
2F3132
171819
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