Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/017388-1a8193-338f9f-4d9dab-66abb7-80b9c3-99c7cf-b2d5db-cce3e7-e5f1f3-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 017388
RGB: 1,115,136
Hex: 1A8193
RGB: 26,129,147
Hex: 338F9F
RGB: 51,143,159
Hex: 4D9DAB
RGB: 77,157,171
Hex: 66ABB7
RGB: 102,171,183
Hex: 80B9C3
RGB: 128,185,195
Hex: 99C7CF
RGB: 153,199,207
Hex: B2D5DB
RGB: 178,213,219
Hex: CCE3E7
RGB: 204,227,231
Hex: E5F1F3
RGB: 229,241,243
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
E6F1F3
CCE3E7
B3D5DB
99C7CF
80B9C4
67ABB8
4D9DAC
348FA0
1A8194
017388
01687A
015C6D
01515F
014552
013A44
002E36
002229
00171B
000B0E
000000
FFFFFF
E8F2F4
D1E6E9
BAD9DF
A3CDD4
8DC0C9
76B3BE
5FA7B3
489AA9
318E9E
1A8193
177484
156776
125A67
104D58
0D414A
0A343B
08272C
051A1D
030D0F
000000
FFFFFF
EBF4F5
D6E9EC
C2DDE2
ADD2D9
99C7CF
85BCC5
70B1BC
5CA5B2
479AA9
338F9F
2E818F
29727F
24646F
1F565F
1A4850
143940
0F2B30
0A1D20
050E10
000000
FFFFFF
EDF5F7
DBEBEE
CAE2E6
B8D8DD
A6CED5
94C4CD
82BAC4
71B1BC
5FA7B3
4D9DAB
458D9A
3E7E89
366E78
2E5E67
274F56
1F3F44
172F33
0F1F22
081011
000000
FFFFFF
F0F7F8
E0EEF1
D1E6E9
C2DDE2
B3D5DB
A3CDD4
94C4CD
85BCC5
75B3BE
66ABB7
5C9AA5
528992
477880
3D676E
33565C
294449
1F3337
142225
0A1112
000000
FFFFFF
F2F8F9
E6F1F3
D9EAED
CCE3E7
C0DCE1
B3D5DB
A6CED5
99C7CF
8DC0C9
80B9C3
73A7B0
66949C
5A8289
4D6F75
405D62
334A4E
26373A
1A2527
0D1213
000000
FFFFFF
F5F9FA
EBF4F5
E0EEF1
D6E9EC
CCE3E7
C2DDE2
B8D8DD
ADD2D9
A3CDD4
99C7CF
8AB3BA
7A9FA6
6B8B91
5C777C
4D6468
3D5053
2E3C3E
1F2829
0F1415
000000
FFFFFF
F7FBFB
F0F7F8
E8F2F4
E0EEF1
D9EAED
D1E6E9
C9E2E6
C1DDE2
BAD9DF
B2D5DB
A0C0C5
8EAAAF
7D9599
6B8083
596B6E
475558
354042
242B2C
121516
000000
FFFFFF
FAFCFD
F5F9FA
F0F7F8
EBF4F5
E6F1F3
E0EEF1
DBEBEE
D6E9EC
D1E6E9
CCE3E7
B8CCD0
A3B6B9
8F9FA2
7A888B
667274
525B5C
3D4445
292D2E
141717
000000
FFFFFF
FCFEFE
FAFCFD
F7FBFB
F5F9FA
F2F8F9
EFF7F8
EDF5F7
EAF4F5
E8F2F4
E5F1F3
CED9DB
B7C1C2
A0A9AA
899192
73797A
5C6061
454849
2E3031
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