Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/80cadb-8dcfdf-99d5e2-a6dae6-b3dfe9-c0e4ed-cceaf1-d9eff4-e6f4f8-f2fafb-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 80CADB
RGB: 128,202,219
Hex: 8DCFDF
RGB: 141,207,223
Hex: 99D5E2
RGB: 153,213,226
Hex: A6DAE6
RGB: 166,218,230
Hex: B3DFE9
RGB: 179,223,233
Hex: C0E4ED
RGB: 192,228,237
Hex: CCEAF1
RGB: 204,234,241
Hex: D9EFF4
RGB: 217,239,244
Hex: E6F4F8
RGB: 230,244,248
Hex: F2FAFB
RGB: 242,250,251
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
F2FAFB
E6F4F8
D9EFF4
CCEAF1
C0E5ED
B3DFE9
A6DAE6
99D5E2
8DCFDF
80CADB
73B6C5
66A2AF
5A8D99
4D7983
40656E
335158
263D42
1A282C
0D1416
000000
FFFFFF
F4FAFC
E8F5F9
DDF1F5
D1ECF2
C6E7EF
BBE2EC
AFDDE9
A4D9E5
98D4E2
8DCFDF
7FBAC9
71A6B2
63919C
557C86
476870
385359
2A3E43
1C292D
0E1516
000000
FFFFFF
F5FBFC
EBF7F9
E0F2F6
D6EEF3
CCEAF1
C2E6EE
B8E2EB
ADDDE8
A3D9E5
99D5E2
8AC0CB
7AAAB5
6B959E
5C8088
4D6B71
3D555A
2E4044
1F2B2D
0F1517
000000
FFFFFF
F6FBFD
EDF8FA
E4F4F8
DBF0F5
D3EDF3
CAE9F0
C1E5EE
B8E1EB
AFDEE9
A6DAE6
95C4CF
85AEB8
7499A1
64838A
536D73
42575C
324145
212C2E
111617
000000
FFFFFF
F7FCFD
F0F9FB
E8F5F8
E1F2F6
D9EFF4
D1ECF2
CAE9F0
C2E5ED
BBE2EB
B3DFE9
A1C9D2
8FB2BA
7D9CA3
6B868C
5A7075
48595D
364346
242D2F
121617
000000
FFFFFF
F9FCFD
F2FAFB
ECF7FA
E6F4F8
E0F2F6
D9EFF4
D3ECF2
CDE9F1
C6E7EF
C0E4ED
ADCDD5
9AB6BE
86A0A6
73898E
607277
4D5B5F
3A4447
262E2F
131718
000000
FFFFFF
FAFDFE
F5FBFC
F0F9FB
EBF7F9
E6F5F8
E0F2F7
DBF0F5
D6EEF4
D1ECF2
CCEAF1
B8D3D9
A3BBC1
8FA4A9
7A8C91
667579
525E60
3D4648
292F30
141718
000000
FFFFFF
FBFDFE
F7FCFD
F4FAFC
F0F9FB
ECF7FA
E8F5F8
E4F4F7
E1F2F6
DDF1F5
D9EFF4
C3D7DC
AEBFC3
98A7AB
828F92
6D787A
576062
414849
2B3031
161818
000000
FFFFFF
FDFEFE
FAFDFE
F8FCFD
F5FBFC
F3FAFC
F0F8FB
EEF7FA
EBF6F9
E9F5F9
E6F4F8
CFDCDF
B8C3C6
A1ABAE
8A9295
737A7C
5C6263
45494A
2E3132
171819
000000
FFFFFF
FEFFFF
FCFEFE
FBFEFE
FAFDFD
F9FDFD
F7FCFD
F6FCFC
F5FBFC
F3FBFB
F2FAFB
DAE1E2
C2C8C9
A9AFB0
919697
797D7E
616464
494B4B
303232
181919
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