Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/228798-1e7988-1b6c79-175e6a-14515b-11434c-0d363c-0a282d-061b1e-030d0f-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 228798
RGB: 34,135,152
Hex: 1E7988
RGB: 30,121,136
Hex: 1B6C79
RGB: 27,108,121
Hex: 175E6A
RGB: 23,94,106
Hex: 14515B
RGB: 20,81,91
Hex: 11434C
RGB: 17,67,76
Hex: 0D363C
RGB: 13,54,60
Hex: 0A282D
RGB: 10,40,45
Hex: 061B1E
RGB: 6,27,30
Hex: 030D0F
RGB: 3,13,15
Hex: 000000
RGB: 0,0,0
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
E9F3F5
D3E7EA
BDDBE0
A7CFD6
91C3CC
7AB7C1
64ABB7
4E9FAD
3893A2
228798
1F7A89
1B6C7A
185F6A
14515B
11444C
0E363D
0A282E
071B1E
030D0F
000000
FFFFFF
E9F2F3
D2E4E7
BCD7DB
A5C9CF
8FBCC4
78AFB8
62A1AC
4B94A0
358694
1E7988
1B6D7A
18616D
15555F
124952
0F3D44
0C3036
092429
06181B
030C0E
000000
FFFFFF
E8F0F2
D1E2E4
BBD3D7
A4C4C9
8DB6BC
76A7AF
5F98A1
498994
327B86
1B6C79
18616D
165661
134C55
104149
0E363D
0B2B30
082024
051618
030B0C
000000
FFFFFF
E8EFF0
D1DFE1
B9CFD2
A2BFC3
8BAFB5
749EA6
5D8E97
457E88
2E6E79
175E6A
15555F
124B55
10424A
0E3840
0C2F35
09262A
071C20
051315
02090B
000000
FFFFFF
E8EEEF
D0DCDE
B9CBCE
A1B9BD
8AA8AD
72979D
5B858C
43747C
2C626B
14515B
124952
104149
0E3940
0C3137
0A292E
082024
06181B
041012
020809
000000
FFFFFF
E7ECED
CFD9DB
B8C7C9
A0B4B7
88A1A6
708E94
587B82
416970
29565E
11434C
0F3C44
0E363D
0C2F35
0A282E
092226
071B1E
051417
030D0F
020708
000000
FFFFFF
E7EBEC
CFD7D8
B6C3C5
9EAFB1
869B9E
6E868A
567277
3D5E63
254A50
0D363C
0C3136
0A2B30
09262A
082024
071B1E
051618
041012
030B0C
010506
000000
FFFFFF
E7EAEA
CED4D5
B6BFC0
9DA9AB
859496
6C7E81
54696C
3B5357
233E42
0A282D
092429
082024
071C1F
06181B
051417
041012
030C0D
020809
010404
000000
FFFFFF
E6E8E9
CDD1D2
B4BBBC
9BA4A5
838D8F
6A7678
515F62
38494B
1F3235
061B1E
05181B
051618
041315
041012
030E0F
020B0C
020809
010506
010303
000000
FFFFFF
E6E7E7
CDCFCF
B3B6B7
9A9E9F
818687
686E6F
4F5657
353D3F
1C2527
030D0F
030C0E
020A0C
02090B
020809
020708
010506
010404
010303
000101
000000
FFFFFF
E6E6E6
CCCCCC
B3B3B3
999999
808080
666666
4D4D4D
333333
1A1A1A
000000
000000
000000
000000
000000
000000
000000
000000
000000
000000
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