Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/c3f4ff-afdbe5-9cc3cc-88aab2-759299-617a7f-4d6166-3a494c-273033-131819-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: C3F4FF
RGB: 195,244,255
Hex: AFDBE5
RGB: 175,219,229
Hex: 9CC3CC
RGB: 156,195,204
Hex: 88AAB2
RGB: 136,170,178
Hex: 759299
RGB: 117,146,153
Hex: 617A7F
RGB: 97,122,127
Hex: 4D6166
RGB: 77,97,102
Hex: 3A494C
RGB: 58,73,76
Hex: 273033
RGB: 39,48,51
Hex: 131819
RGB: 19,24,25
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
F9FEFF
F3FDFF
EDFCFF
E7FBFF
E1FAFF
DBF8FF
D5F7FF
CFF6FF
C9F5FF
C3F4FF
B0DCE6
9CC3CC
89ABB3
759299
627A80
4E6266
3A494C
273133
131819
000000
FFFFFF
F7FBFC
EFF8FA
E7F4F7
DFF1F5
D7EDF2
CFE9EF
C7E6ED
BFE2EA
B7DFE8
AFDBE5
9EC5CE
8CAFB7
7A99A0
698389
586E73
46585C
344245
232C2E
111617
000000
FFFFFF
F5F9FA
EBF3F5
E1EDF0
D7E7EB
CEE1E6
C4DBE0
BAD5DB
B0CFD6
A6C9D1
9CC3CC
8CB0B8
7D9CA3
6D898F
5E757A
4E6266
3E4E52
2F3A3D
1F2729
101314
000000
FFFFFF
F3F7F7
E7EEF0
DBE6E8
CFDDE0
C4D5D9
B8CCD1
ACC4C9
A0BBC1
94B3BA
88AAB2
7A99A0
6D888E
5F777D
52666B
445559
364447
293335
1B2224
0E1112
000000
FFFFFF
F1F4F5
E3E9EB
D6DEE0
C8D3D6
BAC9CC
ACBEC2
9EB3B8
91A8AD
839DA3
759299
69838A
5E757A
52666B
46585C
3B494D
2F3A3D
232C2E
171D1F
0C0F0F
000000
FFFFFF
EFF2F2
DFE4E5
D0D7D9
C0CACC
B0BDBF
A0AFB2
90A2A5
819599
71878C
617A7F
576E72
4E6266
445559
3A494C
313D40
273133
1D2526
131819
0A0C0D
000000
FFFFFF
EDEFF0
DBDFE0
CAD0D1
B8C0C2
A6B0B3
94A0A3
829094
718185
5F7175
4D6166
45575C
3E4E52
364447
2E3A3D
273133
1F2729
171D1F
0F1314
080A0A
000000
FFFFFF
EBEDED
D8DBDB
C4C8C9
B0B6B7
9DA4A6
899294
758082
616D70
4E5B5E
3A494C
344244
2E3A3D
293335
232C2E
1D2526
171D1E
111617
0C0F0F
060708
000000
FFFFFF
E9EAEB
D4D6D6
BEC1C2
A9ACAD
939899
7D8385
686E70
52595C
3D4547
273033
232B2E
1F2629
1B2224
171D1F
14181A
101314
0C0E0F
080A0A
040505
000000
FFFFFF
E7E8E8
D0D1D1
B8BABA
A1A3A3
898C8C
717475
5A5D5E
424647
2B2F30
131819
111617
0F1314
0D1112
0B0E0F
0A0C0D
080A0A
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