Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/236e7b-1f636e-1c5862-184d56-154249-11373d-0e2c31-0a2124-071618-030b0c-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 236E7B
RGB: 35,110,123
Hex: 1F636E
RGB: 31,99,110
Hex: 1C5862
RGB: 28,88,98
Hex: 184D56
RGB: 24,77,86
Hex: 154249
RGB: 21,66,73
Hex: 11373D
RGB: 17,55,61
Hex: 0E2C31
RGB: 14,44,49
Hex: 0A2124
RGB: 10,33,36
Hex: 071618
RGB: 7,22,24
Hex: 030B0C
RGB: 3,11,12
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
E9F1F2
D3E2E5
BDD4D7
A7C5CA
91B7BD
7BA8B0
659AA3
4F8B95
397D88
236E7B
20636F
1C5862
194D56
15424A
12373E
0E2C31
0A2125
071619
030B0C
000000
FFFFFF
E9EFF1
D2E0E2
BCD0D4
A5C1C5
8FB1B7
79A1A8
62929A
4C828B
35737D
1F636E
1C5963
194F58
16454D
133B42
103237
0C282C
091E21
061416
030A0B
000000
FFFFFF
E8EEEF
D2DEE0
BBCDD0
A4BCC0
8EACB1
779BA1
608A91
497981
336972
1C5862
194F58
16464E
143E45
11353B
0E2C31
0B2327
081A1D
061214
03090A
000000
FFFFFF
E8EDEE
D1DBDD
BACACC
A3B8BB
8CA6AB
74949A
5D8289
467178
2F5F67
184D56
16454D
133E45
11363C
0E2E34
0C272B
0A1F22
07171A
050F11
020809
000000
FFFFFF
E8ECED
D0D9DB
B9C6C8
A1B3B6
8AA1A4
738E92
5B7B80
44686D
2C555B
154249
133B42
11353A
0F2E33
0D282C
0B2125
081A1D
061416
040D0F
020707
000000
FFFFFF
E7EBEC
CFD7D8
B8C3C5
A0AFB1
889B9E
70878B
587377
415F64
294B50
11373D
0F3237
0E2C31
0C272B
0A2125
091C1F
071618
051012
030B0C
020506
000000
FFFFFF
E7EAEA
CFD5D6
B7C0C1
9FABAD
879698
6E8083
566B6F
3E565A
264146
0E2C31
0D282C
0B2327
0A1F22
081A1D
071619
061214
040D0F
03090A
010405
000000
FFFFFF
E7E9E9
CED3D3
B6BCBD
9DA6A7
859092
6C7A7C
546466
3B4D50
23373A
0A2124
091E20
081A1D
071719
061416
051112
040D0E
030A0B
020707
010304
000000
FFFFFF
E6E8E8
CDD0D1
B5B9BA
9CA2A3
838B8C
6A7374
515C5D
394546
202D2F
071618
061416
061213
050F11
040D0E
040B0C
03090A
020707
010405
010202
000000
FFFFFF
E6E7E7
CDCECE
B3B6B6
9A9D9E
818586
686D6D
4F5455
353C3D
1C2324
030B0C
030A0B
02090A
020808
020707
020606
010405
010304
010202
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