Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/008ed2-1999d6-33a4db-4cafdf-66bbe4-7fc6e8-99d1ed-b2ddf1-cce8f6-e5f3fa-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 008ED2
RGB: 0,142,210
Hex: 1999D6
RGB: 25,153,214
Hex: 33A4DB
RGB: 51,164,219
Hex: 4CAFDF
RGB: 76,175,223
Hex: 66BBE4
RGB: 102,187,228
Hex: 7FC6E8
RGB: 127,198,232
Hex: 99D1ED
RGB: 153,209,237
Hex: B2DDF1
RGB: 178,221,241
Hex: CCE8F6
RGB: 204,232,246
Hex: E5F3FA
RGB: 229,243,250
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
E6F4FB
CCE8F6
B3DDF2
99D2ED
80C7E9
66BBE4
4DB0E0
33A5DB
1A99D7
008ED2
0080BD
0072A8
006393
00557E
004769
003954
002B3F
001C2A
000E15
000000
FFFFFF
E8F5FB
D1EBF7
BAE0F3
A3D6EF
8CCCEB
75C2E6
5EB8E2
47ADDE
30A3DA
1999D6
178AC1
147AAB
126B96
0F5C80
0D4D6B
0A3D56
072E40
051F2B
020F15
000000
FFFFFF
EBF6FB
D6EDF8
C2E4F4
ADDBF1
99D2ED
85C8E9
70BFE6
5CB6E2
47ADDF
33A4DB
2E94C5
2983AF
247399
1F6283
1A526E
144258
0F3142
0A212C
051016
000000
FFFFFF
EDF7FC
DBEFF9
C9E7F5
B7DFF2
A6D7EF
94CFEC
82C7E9
70BFE5
5EB7E2
4CAFDF
449EC9
3D8CB2
357A9C
2E6986
265870
1E4659
173443
0F232D
081116
000000
FFFFFF
F0F8FC
E0F1FA
D1EBF7
C2E4F4
B3DDF2
A3D6EF
94CFEC
85C9E9
75C2E7
66BBE4
5CA8CD
5296B6
4783A0
3D7089
335E72
294B5B
1F3844
14252E
0A1317
000000
FFFFFF
F2F9FD
E5F4FA
D9EEF8
CCE8F6
BFE3F4
B2DDF1
A5D7EF
99D1ED
8CCCEA
7FC6E8
72B2D1
669EBA
598BA2
4C778B
406374
334F5D
263B46
19282E
0D1417
000000
FFFFFF
F5FAFD
EBF6FB
E0F1FA
D6EDF8
CCE8F6
C2E3F4
B8DFF2
ADDAF1
A3D6EF
99D1ED
8ABCD5
7AA7BE
6B92A6
5C7D8E
4D6977
3D545F
2E3F47
1F2A2F
0F1518
000000
FFFFFF
F7FCFE
F0F8FC
E8F5FB
E0F1F9
D9EEF8
D1EBF7
C9E7F5
C1E4F4
BAE0F2
B2DDF1
A0C7D9
8EB1C1
7D9BA9
6B8591
596F79
475860
354248
242C30
121618
000000
FFFFFF
FAFDFE
F5FAFD
F0F8FC
EBF6FB
E6F4FB
E0F1FA
DBEFF9
D6EDF8
D1EAF7
CCE8F6
B8D1DD
A3BAC5
8FA2AC
7A8B94
66747B
525D62
3D464A
292E31
141719
000000
FFFFFF
FCFEFF
FAFDFE
F7FBFE
F5FAFD
F2F9FD
EFF8FC
EDF7FC
EAF5FB
E8F4FB
E5F3FA
CEDBE1
B7C2C8
A0AAAF
899296
737A7D
5C6164
45494B
2E3132
171819
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