Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/436596-5574a0-6883ab-7b93b5-8ea2c0-a1b2ca-b3c1d5-c6d0df-d9e0ea-eceff4-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 436596
RGB: 67,101,150
Hex: 5574A0
RGB: 85,116,160
Hex: 6883AB
RGB: 104,131,171
Hex: 7B93B5
RGB: 123,147,181
Hex: 8EA2C0
RGB: 142,162,192
Hex: A1B2CA
RGB: 161,178,202
Hex: B3C1D5
RGB: 179,193,213
Hex: C6D0DF
RGB: 198,208,223
Hex: D9E0EA
RGB: 217,224,234
Hex: ECEFF4
RGB: 236,239,244
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
ECF0F5
D9E0EA
C7D1E0
B4C1D5
A1B2CB
8EA3C0
7B93B6
6984AB
5674A1
436596
3C5B87
365178
2F4769
283D5A
22334B
1B283C
141E2D
0D141E
070A0F
000000
FFFFFF
EEF1F6
DDE3EC
CCD5E3
BBC7D9
AABAD0
99ACC6
889EBD
7790B3
6682AA
5574A0
4D6890
445D80
3B5170
334660
2B3A50
222E40
192330
111720
080C10
000000
FFFFFF
F0F3F7
E1E6EE
D2DAE6
C3CDDD
B4C1D5
A4B5CD
95A8C4
869CBC
778FB3
6883AB
5E769A
536989
495C78
3E4F67
344256
2A3444
1F2733
151A22
0A0D11
000000
FFFFFF
F2F4F8
E5E9F0
D7DFE9
CAD4E1
BDC9DA
B0BED3
A3B3CB
95A9C4
889EBC
7B93B5
6F84A3
627691
56677F
4A586D
3E4A5B
313B48
252C36
191D24
0C0F12
000000
FFFFFF
F4F6F9
E8ECF2
DDE3EC
D2DAE6
C7D1E0
BBC7D9
B0BED3
A5B5CD
99ABC6
8EA2C0
8092AD
72829A
637186
556173
475160
39414D
2B313A
1C2026
0E1013
000000
FFFFFF
F6F7FA
ECF0F4
E3E8EF
D9E0EA
D0D9E5
C7D1DF
BDC9DA
B4C1D5
AABACF
A1B2CA
91A0B6
818EA2
717D8D
616B79
515965
404751
30353D
202428
101214
000000
FFFFFF
F7F9FB
F0F3F7
E8ECF2
E1E6EE
D9E0EA
D1DAE6
CAD4E2
C2CDDD
BBC7D9
B3C1D5
A1AEC0
8F9AAA
7D8795
6B7480
5A616B
484D55
363A40
24272B
121315
000000
FFFFFF
F9FAFC
F4F6F9
EEF1F5
E8ECF2
E3E8EF
DDE3EC
D7DEE9
D1D9E5
CCD5E2
C6D0DF
B2BBC9
9EA6B2
8B929C
777D86
636870
4F5359
3B3E43
282A2D
141516
000000
FFFFFF
FBFCFD
F7F9FB
F4F6F9
F0F3F7
ECF0F5
E8ECF2
E4E9F0
E1E6EE
DDE3EC
D9E0EA
C3CAD3
AEB3BB
989DA4
82868C
6D7075
575A5E
414346
2B2D2F
161617
000000
FFFFFF
FDFDFE
FBFCFD
F9FAFC
F7F9FB
F6F7FA
F4F5F8
F2F4F7
F0F2F6
EEF1F5
ECEFF4
D4D7DC
BDBFC3
A5A7AB
8E8F92
76787A
5E6062
474849
2F3031
181818
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