Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/358082-498c8e-5d999b-71a6a7-85b2b4-9abfc0-aecccd-c2d8d9-d6e5e6-eaf2f2-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 358082
RGB: 53,128,130
Hex: 498C8E
RGB: 73,140,142
Hex: 5D999B
RGB: 93,153,155
Hex: 71A6A7
RGB: 113,166,167
Hex: 85B2B4
RGB: 133,178,180
Hex: 9ABFC0
RGB: 154,191,192
Hex: AECCCD
RGB: 174,204,205
Hex: C2D8D9
RGB: 194,216,217
Hex: D6E5E6
RGB: 214,229,230
Hex: EAF2F2
RGB: 234,242,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
EBF2F3
D7E6E6
C2D9DA
AECCCD
9AC0C1
86B3B4
72A6A8
5D999B
498D8F
358082
307375
2A6668
255A5B
204D4E
1B4041
153334
102627
0B1A1A
050D0D
000000
FFFFFF
EDF4F4
DBE8E8
C8DDDD
B6D1D2
A4C6C7
92BABB
80AFB0
6DA3A5
5B9899
498C8E
427E80
3A7072
336263
2C5455
254647
1D3839
162A2B
0F1C1C
070E0E
000000
FFFFFF
EFF5F5
DFEBEB
CEE0E1
BED6D7
AECCCD
9EC2C3
8EB8B9
7DADAF
6DA3A5
5D999B
548A8C
4A7A7C
416B6D
385C5D
2F4D4E
253D3E
1C2E2E
131F1F
090F0F
000000
FFFFFF
F1F6F6
E3EDED
D4E4E5
C6DBDC
B8D3D3
AACACA
9CC1C1
8DB8B9
7FAFB0
71A6A7
669596
5A8586
4F7475
446464
395354
2D4243
223232
172121
0B1111
000000
FFFFFF
F3F7F8
E7F0F0
DAE8E9
CEE0E1
C2D9DA
B6D1D2
AAC9CB
9DC1C3
91BABC
85B2B4
78A0A2
6A8E90
5D7D7E
506B6C
43595A
354748
283536
1B2424
0D1212
000000
FFFFFF
F5F9F9
EBF2F2
E1ECEC
D7E5E6
CDDFE0
C2D9D9
B8D2D3
AECCCD
A4C5C6
9ABFC0
8BACAD
7B999A
6C8686
5C7373
4D6060
3E4C4D
2E393A
1F2626
0F1313
000000
FFFFFF
F7FAFA
EFF5F5
E7F0F0
DFEBEB
D7E6E6
CEE0E1
C6DBDC
BED6D7
B6D1D2
AECCCD
9DB8B9
8BA3A4
7A8F90
687A7B
576667
465252
343D3D
232929
111414
000000
FFFFFF
F9FBFB
F3F7F7
EDF3F4
E7EFF0
E1ECEC
DAE8E8
D4E4E4
CEE0E1
C8DCDD
C2D8D9
AFC2C3
9BADAE
889798
748282
616C6D
4E5657
3A4141
272B2B
131616
000000
FFFFFF
FBFCFD
F7FAFA
F3F7F8
EFF5F5
EBF2F3
E6EFF0
E2EDEE
DEEAEB
DAE8E9
D6E5E6
C1CECF
ABB7B8
96A0A1
80898A
6B7373
565C5C
404545
2B2E2E
151717
000000
FFFFFF
FDFEFE
FBFCFC
F9FBFB
F7FAFA
F5F9F9
F2F7F7
F0F6F6
EEF5F5
ECF3F3
EAF2F2
D3DADA
BBC2C2
A4A9A9
8C9191
757979
5E6161
464949
2F3030
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