Color Palette Generator


Color Scheme

Color Name









Palette Link (Permalink): https://www.colorxs.com/palette/editor/3a7eb4-5897c9-7eafd6-a5c7e2-ccdfee-f2f7fb-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3A7EB4
RGB: 58,126,180
Hex: 5897C9
RGB: 88,151,201
Hex: 7EAFD6
RGB: 126,175,214
Hex: A5C7E2
RGB: 165,199,226
Hex: CCDFEE
RGB: 204,223,238
Hex: F2F7FB
RGB: 242,247,251
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
EBF2F8
D8E5F0
C4D8E9
B0CBE1
9DBFDA
89B2D2
75A5CB
6198C3
4E8BBC
3A7EB4
3471A2
2E6590
29587E
234C6C
1D3F5A
173248
112636
0C1924
060D12
000000
FFFFFF
EEF5FA
DEEAF4
CDE0EF
BCD5E9
ACCBE4
9BC1DF
8AB6D9
79ACD4
69A1CE
5897C9
4F88B5
4679A1
3E6A8D
355B79
2C4C65
233C50
1A2D3C
121E28
090F14
000000
FFFFFF
F2F7FB
E5EFF7
D8E7F3
CBDFEF
BFD7EB
B2CFE6
A5C7E2
98BFDE
8BB7DA
7EAFD6
719EC1
658CAB
587A96
4C6980
3F586B
324656
263440
19232B
0D1115
000000
FFFFFF
F6F9FC
EDF4F9
E4EEF6
DBE9F3
D2E3F1
C9DDEE
C0D8EB
B7D2E8
AECDE5
A5C7E2
95B3CB
849FB5
738B9E
637788
536471
42505A
313C44
21282D
101417
000000
FFFFFF
FAFCFD
F5F9FC
F0F5FA
EBF2F8
E6EFF7
E0ECF5
DBE9F3
D6E5F1
D1E2F0
CCDFEE
B8C9D6
A3B2BE
8F9CA7
7A868F
667077
52595F
3D4347
292D30
141618
000000
FFFFFF
FEFEFF
FCFDFE
FBFDFE
FAFCFD
F9FBFD
F7FAFD
F6F9FC
F5F9FC
F3F8FB
F2F7FB
DADEE2
C2C6C9
A9ADB0
919497
797C7E
616364
494A4B
303132
181919
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