Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/004485-195691-33699d-4c7ca9-668eb5-7fa1c2-99b4ce-b2c6da-ccd9e6-e5ecf2-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 004485
RGB: 0,68,133
Hex: 195691
RGB: 25,86,145
Hex: 33699D
RGB: 51,105,157
Hex: 4C7CA9
RGB: 76,124,169
Hex: 668EB5
RGB: 102,142,181
Hex: 7FA1C2
RGB: 127,161,194
Hex: 99B4CE
RGB: 153,180,206
Hex: B2C6DA
RGB: 178,198,218
Hex: CCD9E6
RGB: 204,217,230
Hex: E5ECF2
RGB: 229,236,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
E6ECF3
CCDAE7
B3C7DA
99B4CE
80A2C2
668FB6
4D7CAA
33699D
1A5791
004485
003D78
00366A
00305D
002950
002243
001B35
001428
000E1B
00070D
000000
FFFFFF
E8EEF4
D1DDE9
BACCDE
A3BBD3
8CABC8
759ABD
5E89B2
4778A7
30679C
195691
174D83
144574
123C66
0F3457
0D2B49
0A223A
071A2B
05111D
02090E
000000
FFFFFF
EBF0F5
D6E1EB
C2D2E2
ADC3D8
99B4CE
85A5C4
7096BA
5C87B1
4778A7
33699D
2E5F8D
29547E
244A6E
1F3F5E
1A354F
142A3F
0F1F2F
0A151F
050A10
000000
FFFFFF
EDF2F6
DBE5EE
C9D8E5
B7CBDD
A6BED4
94B0CB
82A3C3
7096BA
5E89B2
4C7CA9
447098
3D6387
355776
2E4A65
263E55
1E3244
172533
0F1922
080C11
000000
FFFFFF
F0F4F8
E0E8F0
D1DDE9
C2D2E1
B3C7DA
A3BBD3
94B0CB
85A5C4
7599BC
668EB5
5C80A3
527291
47637F
3D556D
33475B
293948
1F2B36
141C24
0A0E12
000000
FFFFFF
F2F6F9
E5ECF3
D9E3ED
CCD9E7
BFD0E1
B2C7DA
A5BDD4
99B4CE
8CAAC8
7FA1C2
7291AF
66819B
597188
4C6174
405161
33404E
26303A
192027
0D1013
000000
FFFFFF
F5F8FA
EBF0F5
E0E9F0
D6E1EB
CCDAE7
C2D2E2
B8CBDD
ADC3D8
A3BCD3
99B4CE
8AA2B9
7A90A5
6B7E90
5C6C7C
4D5A67
3D4852
2E363E
1F2429
0F1215
000000
FFFFFF
F7F9FB
F0F4F8
E8EEF4
E0E8F0
D9E3ED
D1DDE9
C9D7E5
C1D1E1
BACCDE
B2C6DA
A0B2C4
8E9EAE
7D8B99
6B7783
59636D
474F57
353B41
24282C
121416
000000
FFFFFF
FAFBFD
F5F7FA
F0F4F8
EBF0F5
E6ECF3
E0E8F0
DBE4EE
D6E1EB
D1DDE9
CCD9E6
B8C3CF
A3AEB8
8F98A1
7A828A
666D73
52575C
3D4145
292B2E
141617
000000
FFFFFF
FCFDFE
FAFBFC
F7F9FB
F5F7FA
F2F6F9
EFF4F7
EDF2F6
EAF0F5
E8EEF3
E5ECF2
CED4DA
B7BDC2
A0A5A9
898E91
737679
5C5E61
454749
2E2F30
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