Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/d8e9f1-c2d1d8-acbac0-97a3a8-818b90-6c7478-565d60-404548-2b2e30-151718-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: D8E9F1
RGB: 216,233,241
Hex: C2D1D8
RGB: 194,209,216
Hex: ACBAC0
RGB: 172,186,192
Hex: 97A3A8
RGB: 151,163,168
Hex: 818B90
RGB: 129,139,144
Hex: 6C7478
RGB: 108,116,120
Hex: 565D60
RGB: 86,93,96
Hex: 404548
RGB: 64,69,72
Hex: 2B2E30
RGB: 43,46,48
Hex: 151718
RGB: 21,23,24
Hex: 000000
RGB: 0,0,0
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
FBFDFE
F7FBFC
F3F8FB
EFF6F9
ECF4F8
E8F2F7
E4F0F5
E0EDF4
DCEBF2
D8E9F1
C2D2D9
ADBAC1
97A3A9
828C91
6C7579
565D60
414648
2B2F30
161718
000000
FFFFFF
F9FAFB
F3F6F7
EDF1F3
E7EDEF
E1E8EC
DAE3E8
D4DFE4
CEDAE0
C8D6DC
C2D1D8
AFBCC2
9BA7AD
889297
747D82
61696C
4E5456
3A3F41
272A2B
131516
000000
FFFFFF
F7F8F9
EEF1F2
E6EAEC
DEE3E6
D6DDE0
CDD6D9
C5CFD3
BDC8CD
B4C1C6
ACBAC0
9BA7AD
8A959A
788286
677073
565D60
454A4D
34383A
222526
111313
000000
FFFFFF
F5F6F6
EAEDEE
E0E3E5
D5DADC
CBD1D4
C1C8CB
B6BFC2
ACB5B9
A1ACB1
97A3A8
889397
798286
6A7276
5B6265
4C5254
3C4143
2D3132
1E2122
0F1011
000000
FFFFFF
F2F3F4
E6E8E9
D9DCDE
CDD1D3
C0C5C8
B3B9BC
A7AEB1
9AA2A6
8E979B
818B90
747D82
676F73
5A6165
4D5356
414648
34383A
272A2B
1A1C1D
0D0E0E
000000
FFFFFF
F0F1F2
E2E3E4
D3D5D7
C4C7C9
B6BABC
A7ACAE
989EA1
899093
7B8286
6C7478
61686C
565D60
4C5154
414648
363A3C
2B2E30
202324
161718
0B0C0C
000000
FFFFFF
EEEFEF
DDDFDF
CCCECF
BBBEBF
ABAEB0
9A9EA0
898E90
787D80
676D70
565D60
4D5456
454A4D
3C4143
34383A
2B2F30
222526
1A1C1D
111313
09090A
000000
FFFFFF
ECECED
D9DADA
C6C7C8
B3B5B6
A0A2A4
8C8F91
797D7F
666A6D
53585A
404548
3A3E41
33373A
2D3032
26292B
202324
1A1C1D
131516
0D0E0E
060707
000000
FFFFFF
EAEAEA
D5D5D6
BFC0C1
AAABAC
959798
808283
6B6D6E
555859
404345
2B2E30
27292B
222526
1E2022
1A1C1D
161718
111213
0D0E0E
09090A
040505
000000
FFFFFF
E8E8E8
D0D1D1
B9B9BA
A1A2A3
8A8B8C
737474
5B5D5D
444546
2C2E2F
151718
131516
111213
0F1011
0D0E0E
0B0C0C
08090A
060707
040505
020202
000000
FFFFFF
E6E6E6
CCCCCC
B3B3B3
999999
808080
666666
4D4D4D
333333
1A1A1A
000000
000000
000000
000000
000000
000000
000000
000000
000000
000000
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