Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/c3dfd3-afc8bd-9cb2a8-889c93-75857e-616f69-4d5954-3a423f-272c2a-131615-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: C3DFD3
RGB: 195,223,211
Hex: AFC8BD
RGB: 175,200,189
Hex: 9CB2A8
RGB: 156,178,168
Hex: 889C93
RGB: 136,156,147
Hex: 75857E
RGB: 117,133,126
Hex: 616F69
RGB: 97,111,105
Hex: 4D5954
RGB: 77,89,84
Hex: 3A423F
RGB: 58,66,63
Hex: 272C2A
RGB: 39,44,42
Hex: 131615
RGB: 19,22,21
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
F9FCFB
F3F9F6
EDF5F2
E7F2ED
E1EFE9
DBECE5
D5E9E0
CFE5DC
C9E2D7
C3DFD3
B0C9BE
9CB2A9
899C94
75867F
62706A
4E5954
3A433F
272D2A
131615
000000
FFFFFF
F7FAF8
EFF4F2
E7EFEB
DFE9E5
D7E4DE
CFDED7
C7D9D1
BFD3CA
B7CEC4
AFC8BD
9EB4AA
8CA097
7A8C84
697871
58645F
46504C
343C39
232826
111413
000000
FFFFFF
F5F7F6
EBF0EE
E1E8E5
D7E0DC
CED9D4
C4D1CB
BAC9C2
B0C1B9
A6BAB1
9CB2A8
8CA097
7D8E86
6D7D76
5E6B65
4E5954
3E4743
2F3532
1F2422
101211
000000
FFFFFF
F3F5F4
E7EBE9
DBE1DF
CFD7D4
C4CEC9
B8C4BE
ACBAB3
A0B0A9
94A69E
889C93
7A8C84
6D7D76
5F6D67
525E58
444E4A
363E3B
292F2C
1B1F1D
0E100F
000000
FFFFFF
F1F3F2
E3E7E5
D6DAD8
C8CECB
BAC2BF
ACB6B2
9EAAA5
919D98
83918B
75857E
697871
5E6A65
525D58
46504C
3B433F
2F3532
232826
171B19
0C0D0D
000000
FFFFFF
EFF1F0
DFE2E1
D0D4D2
C0C5C3
B0B7B4
A0A9A5
909A96
818C87
717D78
616F69
57645F
4E5954
444E4A
3A433F
313835
272C2A
1D211F
131615
0A0B0A
000000
FFFFFF
EDEEEE
DBDEDD
CACDCC
B8BDBB
A6ACAA
949B98
828B87
717A76
5F6A65
4D5954
45504C
3E4743
363E3B
2E3532
272D2A
1F2422
171B19
0F1211
080908
000000
FFFFFF
EBECEC
D8D9D9
C4C6C5
B0B3B2
9DA19F
898E8C
757B79
616865
4E5552
3A423F
343B39
2E3532
292E2C
232826
1D2120
171A19
111413
0C0D0D
060706
000000
FFFFFF
E9EAEA
D4D5D4
BEC0BF
A9ABAA
939695
7D807F
686B6A
525655
3D413F
272C2A
232826
1F2322
1B1F1D
171A19
141615
101211
0C0D0D
080908
040404
000000
FFFFFF
E7E8E8
D0D0D0
B8B9B9
A1A2A1
898B8A
717373
5A5C5B
424544
2B2D2C
131615
111413
0F1211
0D0F0F
0B0D0D
0A0B0B
080908
060706
040404
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