Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/83a4a7-8fadaf-9bb6b8-a8bfc1-b4c8ca-c1d1d3-cddadb-d9e3e4-e6eced-f2f5f6-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 83A4A7
RGB: 131,164,167
Hex: 8FADAF
RGB: 143,173,175
Hex: 9BB6B8
RGB: 155,182,184
Hex: A8BFC1
RGB: 168,191,193
Hex: B4C8CA
RGB: 180,200,202
Hex: C1D1D3
RGB: 193,209,211
Hex: CDDADB
RGB: 205,218,219
Hex: D9E3E4
RGB: 217,227,228
Hex: E6ECED
RGB: 230,236,237
Hex: F2F5F6
RGB: 242,245,246
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
F3F6F6
E6EDED
DAE4E5
CDDBDC
C1D2D3
B5C8CA
A8BFC1
9CB6B9
8FADB0
83A4A7
769496
698386
5C7375
4F6264
425254
344243
273132
1A2121
0D1011
000000
FFFFFF
F4F7F7
E9EFEF
DDE6E7
D2DEDF
C7D6D7
BCCECF
B1C6C7
A5BDBF
9AB5B7
8FADAF
819C9E
728A8C
64797A
566869
485758
394546
2B3434
1D2323
0E1111
000000
FFFFFF
F5F8F8
EBF0F1
E1E9EA
D7E2E3
CDDBDC
C3D3D4
B9CCCD
AFC5C6
A5BDBF
9BB6B8
8CA4A6
7C9293
6D7F81
5D6D6E
4E5B5C
3E494A
2E3737
1F2425
0F1212
000000
FFFFFF
F6F9F9
EEF2F3
E5ECEC
DCE5E6
D4DFE0
CBD9DA
C2D2D4
B9CCCD
B1C5C7
A8BFC1
97ACAE
86999A
768687
657374
546061
434C4D
32393A
222627
111313
000000
FFFFFF
F8FAFA
F0F4F4
E9EFEF
E1E9EA
DAE4E5
D2DEDF
CBD9DA
C3D3D5
BCCECF
B4C8CA
A2B4B6
90A0A2
7E8C8D
6C7879
5A6465
485051
363C3D
242828
121414
000000
FFFFFF
F9FAFB
F3F6F6
ECF1F2
E6EDED
E0E8E9
DAE3E5
D4DFE0
CDDADC
C7D6D7
C1D1D3
AEBCBE
9AA7A9
879294
747D7F
61696A
4D5454
3A3F3F
272A2A
131515
000000
FFFFFF
FAFBFB
F5F8F8
F0F4F4
EBF0F1
E6EDED
E1E9E9
DCE5E6
D7E1E2
D2DEDF
CDDADB
B9C4C5
A4AEAF
909999
7B8383
676D6E
525758
3D4142
292C2C
141616
000000
FFFFFF
FBFCFC
F7F9FA
F4F7F7
F0F4F4
ECF1F2
E8EEEF
E4EBEC
E1E9E9
DDE6E7
D9E3E4
C3CCCD
AEB6B6
989FA0
828889
6D7272
575B5B
414444
2B2D2E
161717
000000
FFFFFF
FDFDFD
FAFBFB
F8F9FA
F5F7F8
F3F6F6
F0F4F4
EEF2F2
EBF0F1
E9EEEF
E6ECED
CFD4D5
B8BDBE
A1A5A6
8A8E8E
737677
5C5E5F
454747
2E2F2F
171818
000000
FFFFFF
FEFEFE
FCFDFD
FBFCFC
FAFBFB
F9FAFB
F7F9FA
F6F8F9
F5F7F8
F3F6F7
F2F5F6
DADDDD
C2C4C5
A9ACAC
919394
797B7B
616262
49494A
303131
181819
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