Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/d1f0e1-bcd8ca-a7c0b4-92a89d-7d9087-687870-53605a-3e4843-29302d-141816-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: D1F0E1
RGB: 209,240,225
Hex: BCD8CA
RGB: 188,216,202
Hex: A7C0B4
RGB: 167,192,180
Hex: 92A89D
RGB: 146,168,157
Hex: 7D9087
RGB: 125,144,135
Hex: 687870
RGB: 104,120,112
Hex: 53605A
RGB: 83,96,90
Hex: 3E4843
RGB: 62,72,67
Hex: 29302D
RGB: 41,48,45
Hex: 141816
RGB: 20,24,22
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
FAFEFC
F6FCF9
F1FBF6
EDF9F3
E8F8F0
E3F6ED
DFF5EA
DAF3E7
D6F2E4
D1F0E1
BCD8CB
A7C0B4
92A89E
7D9087
697871
54605A
3F4843
2A302D
151816
000000
FFFFFF
F8FBFA
F2F7F4
EBF3EF
E4EFEA
DEECE5
D7E8DF
D0E4DA
C9E0D5
C3DCCF
BCD8CA
A9C2B6
96ADA2
84978D
718279
5E6C65
4B5651
38413D
262B28
131614
000000
FFFFFF
F6F9F8
EDF2F0
E5ECE9
DCE6E1
D3E0DA
CAD9D2
C1D3CB
B9CDC3
B0C6BC
A7C0B4
96ADA2
869A90
75867E
64736C
54605A
434D48
323A36
212624
111312
000000
FFFFFF
F4F6F5
E9EEEB
DEE5E2
D3DCD8
C9D4CE
BECBC4
B3C2BA
A8B9B1
9DB1A7
92A89D
83978D
75867E
66766E
58655E
49544F
3A433F
2C322F
1D221F
0F1110
000000
FFFFFF
F2F4F3
E5E9E7
D8DEDB
CBD3CF
BEC8C3
B1BCB7
A4B1AB
97A69F
8A9B93
7D9087
71827A
64736C
58655F
4B5651
3F4844
323A36
252B28
191D1B
0C0E0D
000000
FFFFFF
F0F2F1
E1E4E2
D2D7D4
C3C9C6
B4BCB8
A4AEA9
95A19B
86938D
77867E
687870
5E6C65
53605A
49544E
3E4843
343C38
2A302D
1F2422
151816
0A0C0B
000000
FFFFFF
EEEFEF
DDDFDE
CBCFCE
BABFBD
A9B0AD
98A09C
87908C
75807B
64706B
53605A
4B5651
424D48
3A433F
323A36
2A302D
212624
191D1B
111312
080A09
000000
FFFFFF
ECEDEC
D8DAD9
C5C8C7
B2B6B4
9FA4A1
8B918E
787F7B
656D69
515A56
3E4843
38413C
323A36
2B322F
252B28
1F2422
191D1B
131614
0C0E0D
060707
000000
FFFFFF
EAEAEA
D4D6D5
BFC1C0
A9ACAB
949896
7F8381
696E6C
545957
3E4542
29302D
252B29
212624
1D221F
191D1B
151817
101312
0C0E0D
080A09
040504
000000
FFFFFF
E8E8E8
D0D1D0
B9BAB9
A1A3A2
8A8C8B
727473
5B5D5C
434645
2C2F2D
141816
121614
101312
0E110F
0C0E0D
0A0C0B
080A09
060707
040504
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