Color Palette Generator


Color Scheme

Color Name









Palette Link (Permalink): https://www.colorxs.com/palette/editor/224acc-4267df-6d8ae7-99adee-c5d0f5-f0f3fd-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 224ACC
RGB: 34,74,204
Hex: 4267DF
RGB: 66,103,223
Hex: 6D8AE7
RGB: 109,138,231
Hex: 99ADEE
RGB: 153,173,238
Hex: C5D0F5
RGB: 197,208,245
Hex: F0F3FD
RGB: 240,243,253
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
E9EDFA
D3DBF5
BDC9F0
A7B7EB
91A5E6
7A92E0
6480DB
4E6ED6
385CD1
224ACC
1F43B8
1B3BA3
18348F
142C7A
112566
0E1E52
0A163D
070F29
030714
000000
FFFFFF
ECF0FC
D9E1F9
C6D1F5
B3C2F2
A1B3EF
8EA4EC
7B95E9
6885E5
5576E2
4267DF
3B5DC9
3552B2
2E489C
283E86
213470
1A2959
141F43
0D152D
070A16
000000
FFFFFF
F0F3FD
E2E8FA
D3DCF8
C5D0F5
B6C5F3
A7B9F1
99ADEE
8AA1EC
7C96E9
6D8AE7
627CD0
576EB9
4C61A2
41538B
374574
2C375C
212945
161C2E
0B0E17
000000
FFFFFF
F5F7FD
EBEFFC
E0E6FA
D6DEF8
CCD6F7
C2CEF5
B8C6F3
ADBDF1
A3B5F0
99ADEE
8A9CD6
7A8ABE
6B79A7
5C688F
4D5777
3D455F
2E3447
1F2330
0F1118
000000
FFFFFF
F9FAFE
F3F6FD
EEF1FC
E8ECFB
E2E8FA
DCE3F9
D6DEF8
D1D9F7
CBD5F6
C5D0F5
B1BBDD
9EA6C4
8A92AC
767D93
63687B
4F5362
3B3E49
272A31
141518
000000
FFFFFF
FEFEFF
FCFDFF
FBFBFE
F9FAFE
F8F9FE
F6F8FE
F5F7FE
F3F5FD
F2F4FD
F0F3FD
D8DBE4
C0C2CA
A8AAB1
909298
787A7F
606165
48494C
303133
181819
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