Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/3c8387-4f8f93-639b9f-76a8ab-8ab4b7-9dc1c3-b1cdcf-c4d9db-d8e6e7-ebf2f3-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 3C8387
RGB: 60,131,135
Hex: 4F8F93
RGB: 79,143,147
Hex: 639B9F
RGB: 99,155,159
Hex: 76A8AB
RGB: 118,168,171
Hex: 8AB4B7
RGB: 138,180,183
Hex: 9DC1C3
RGB: 157,193,195
Hex: B1CDCF
RGB: 177,205,207
Hex: C4D9DB
RGB: 196,217,219
Hex: D8E6E7
RGB: 216,230,231
Hex: EBF2F3
RGB: 235,242,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
ECF3F3
D8E6E7
C5DADB
B1CDCF
9EC1C3
8AB5B7
77A8AB
639C9F
508F93
3C8387
36767A
30696C
2A5C5F
244F51
1E4244
183436
122728
0C1A1B
060D0D
000000
FFFFFF
EDF4F4
DCE9E9
CADDDF
B9D2D4
A7C7C9
95BCBE
84B1B3
72A5A9
619A9E
4F8F93
478184
3F7276
376467
2F5658
28484A
20393B
182B2C
101D1D
080E0F
000000
FFFFFF
EFF5F5
E0EBEC
D0E1E2
C1D7D9
B1CDCF
A1C3C5
92B9BC
82AFB2
73A5A9
639B9F
598C8F
4F7C7F
456D6F
3B5D5F
324E50
283E40
1E2E30
141F20
0A0F10
000000
FFFFFF
F1F6F7
E4EEEE
D6E5E6
C8DCDD
BBD4D5
ADCBCD
9FC2C4
91B9BC
84B1B3
76A8AB
6A979A
5E8689
537678
476567
3B5456
2F4344
233233
182222
0C1111
000000
FFFFFF
F3F8F8
E8F0F1
DCE9E9
D0E1E2
C5DADB
B9D2D4
ADCBCD
A1C3C5
96BCBE
8AB4B7
7CA2A5
6E9092
617E80
536C6E
455A5C
374849
293637
1C2425
0E1212
000000
FFFFFF
F5F9F9
EBF3F3
E2ECED
D8E6E7
CEE0E1
C4DADB
BAD4D5
B1CDCF
A7C7C9
9DC1C3
8DAEB0
7E9A9C
6E8789
5E7475
4F6162
3F4D4E
2F3A3A
1F2727
101313
000000
FFFFFF
F7FAFA
EFF5F5
E8F0F1
E0EBEC
D8E6E7
D0E1E2
C8DCDD
C1D7D9
B9D2D4
B1CDCF
9FB9BA
8EA4A6
7C9091
6A7B7C
596768
475253
353D3E
232929
121415
000000
FFFFFF
F9FBFB
F3F7F8
EDF4F4
E7F0F1
E2ECED
DCE8E9
D6E4E6
D0E1E2
CADDDF
C4D9DB
B0C3C5
9DAEAF
899899
768283
626D6E
4E5758
3B4142
272B2C
141616
000000
FFFFFF
FBFDFD
F7FAFA
F3F8F8
EFF5F5
ECF3F3
E8F0F1
E4EEEE
E0EBEC
DCE9E9
D8E6E7
C2CFD0
ADB8B9
97A1A2
828A8B
6C7374
565C5C
414545
2B2E2E
161717
000000
FFFFFF
FDFEFE
FBFCFD
F9FBFB
F7FAFA
F5F9F9
F3F7F8
F1F6F7
EFF5F5
EDF3F4
EBF2F3
D4DADB
BCC2C2
A5A9AA
8D9192
76797A
5E6161
464949
2F3031
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