Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/1f7486-358192-4b8f9e-629daa-78abb6-8fb9c2-a5c7ce-bbd5da-d2e3e6-e8f1f2-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 1F7486
RGB: 31,116,134
Hex: 358192
RGB: 53,129,146
Hex: 4B8F9E
RGB: 75,143,158
Hex: 629DAA
RGB: 98,157,170
Hex: 78ABB6
RGB: 120,171,182
Hex: 8FB9C2
RGB: 143,185,194
Hex: A5C7CE
RGB: 165,199,206
Hex: BBD5DA
RGB: 187,213,218
Hex: D2E3E6
RGB: 210,227,230
Hex: E8F1F2
RGB: 232,241,242
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
E9F1F3
D2E3E7
BCD5DB
A5C7CF
8FBAC3
79ACB6
629EAA
4C909E
358292
1F7486
1C6879
195D6B
16515E
134650
103A43
0C2E36
092328
06171B
030C0D
000000
FFFFFF
EBF2F4
D7E6E9
C2D9DE
AECDD3
9AC0C9
86B3BE
72A7B3
5D9AA8
498E9D
358192
307483
2A6775
255A66
204D58
1B4149
15343A
10272C
0B1A1D
050D0F
000000
FFFFFF
EDF4F5
DBE9EC
C9DDE2
B7D2D8
A5C7CF
93BCC5
81B1BB
6FA5B1
5D9AA8
4B8F9E
44818E
3C727E
35646F
2D565F
26484F
1E393F
162B2F
0F1D20
070E10
000000
FFFFFF
EFF5F7
E0EBEE
D0E2E6
C0D8DD
B1CED5
A1C4CC
91BAC4
81B1BB
72A7B3
629DAA
588D99
4E7E88
456E77
3B5E66
314F55
273F44
1D2F33
141F22
0A1011
000000
FFFFFF
F2F7F8
E4EEF0
D7E6E9
C9DDE2
BCD5DB
AECDD3
A1C4CC
93BCC5
86B3BD
78ABB6
6C9AA4
608992
54787F
48676D
3C565B
304449
243337
182224
0C1112
000000
FFFFFF
F4F8F9
E9F1F3
DDEAED
D2E3E7
C7DCE1
BCD5DA
B1CED4
A5C7CE
9AC0C8
8FB9C2
81A7AF
72949B
648288
566F74
485D61
394A4E
2B373A
1D2527
0E1213
000000
FFFFFF
F6F9FA
EDF4F5
E4EEF0
DBE9EB
D2E3E7
C9DDE2
C0D8DD
B7D2D8
AECDD3
A5C7CE
95B3B9
849FA5
738B90
63777C
536467
425052
313C3E
212829
101415
000000
FFFFFF
F8FBFB
F1F7F8
EBF2F4
E4EEF0
DDEAED
D6E6E9
CFE2E5
C9DDE1
C2D9DE
BBD5DA
A8C0C4
96AAAE
839599
708083
5E6B6D
4B5557
384041
252B2C
131516
000000
FFFFFF
FBFCFD
F6F9FA
F2F7F8
EDF4F5
E9F1F3
E4EEF0
E0EBEE
DBE9EB
D7E6E9
D2E3E6
BDCCCF
A8B6B8
939FA1
7E888A
697273
545B5C
3F4445
2A2D2E
151717
000000
FFFFFF
FDFEFE
FAFCFC
F8FBFB
F6F9FA
F4F8F9
F1F7F7
EFF5F6
EDF4F5
EAF2F3
E8F1F2
D1D9DA
BAC1C2
A2A9A9
8B9191
747979
5D6061
464849
2E3030
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