Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/888daf-9398b7-9fa3bf-abafc7-b7bacf-c3c6d7-cfd1df-dbdce7-e7e8ef-f3f3f7-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 888DAF
RGB: 136,141,175
Hex: 9398B7
RGB: 147,152,183
Hex: 9FA3BF
RGB: 159,163,191
Hex: ABAFC7
RGB: 171,175,199
Hex: B7BACF
RGB: 183,186,207
Hex: C3C6D7
RGB: 195,198,215
Hex: CFD1DF
RGB: 207,209,223
Hex: DBDCE7
RGB: 219,220,231
Hex: E7E8EF
RGB: 231,232,239
Hex: F3F3F7
RGB: 243,243,247
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
F3F4F7
E7E8EF
DBDDE7
CFD1DF
C4C6D7
B8BBCF
ACAFC7
A0A4BF
9498B7
888DAF
7A7F9E
6D718C
5F637A
525569
444758
363846
292A34
1B1C23
0E0E11
000000
FFFFFF
F4F5F8
E9EAF1
DFE0E9
D4D6E2
C9CCDB
BEC1D4
B3B7CD
A9ADC5
9EA2BE
9398B7
8489A5
767A92
676A80
585B6E
4A4C5C
3B3D49
2C2E37
1D1E25
0F0F12
000000
FFFFFF
F5F6F9
ECEDF2
E2E3EC
D9DAE5
CFD1DF
C5C8D9
BCBFD2
B2B5CC
A9ACC5
9FA3BF
8F93AC
7F8299
6F7286
5F6273
505260
40414C
303139
202126
101013
000000
FFFFFF
F7F7F9
EEEFF4
E6E7EE
DDDFE9
D5D7E3
CDCFDD
C4C7D8
BCBFD2
B3B7CD
ABAFC7
9A9EB3
898C9F
787A8B
676977
565864
444650
33343C
222328
111114
000000
FFFFFF
F8F8FA
F1F1F5
E9EAF1
E2E3EC
DBDDE7
D4D6E2
CDCFDD
C5C8D9
BEC1D4
B7BACF
A5A7BA
9295A6
808291
6E707C
5C5D68
494A53
37383E
252529
121315
000000
FFFFFF
F9F9FB
F3F4F7
EDEEF3
E7E8EF
E1E3EB
DBDDE7
D5D7E3
CFD1DF
C9CCDB
C3C6D7
B0B2C2
9C9EAC
898B97
757781
62636C
4E4F56
3A3B40
27282B
131415
000000
FFFFFF
FAFAFC
F5F6F9
F1F1F5
ECEDF2
E7E8EF
E2E3EC
DDDFE9
D9DAE5
D4D6E2
CFD1DF
BABCC9
A6A7B2
91929C
7C7D86
686970
535459
3E3F43
292A2D
151516
000000
FFFFFF
FBFCFD
F8F8FA
F4F5F8
F1F1F5
EDEEF3
E9EAF1
E6E7EE
E2E3EC
DFE0E9
DBDCE7
C5C6D0
AFB0B9
999AA2
83848B
6E6E74
58585C
424245
2C2C2E
161617
000000
FFFFFF
FDFDFD
FAFAFC
F8F8FA
F5F6F9
F3F4F7
F1F1F5
EEEFF4
ECEDF2
E9EAF1
E7E8EF
D0D1D7
B9BABF
A2A2A7
8B8B8F
747478
5C5D60
454648
2E2E30
171718
000000
FFFFFF
FEFEFE
FDFDFD
FBFBFD
FAFAFC
F9F9FB
F8F8FA
F7F7F9
F5F5F9
F4F4F8
F3F3F7
DBDBDE
C2C2C6
AAAAAD
929294
7A7A7C
616163
49494A
313131
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