Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/7df2e4-8af3e6-97f4e9-a4f5ec-b1f7ee-bef8f1-cbf9f4-d8fbf6-e5fcf9-f2fdfc-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 7DF2E4
RGB: 125,242,228
Hex: 8AF3E6
RGB: 138,243,230
Hex: 97F4E9
RGB: 151,244,233
Hex: A4F5EC
RGB: 164,245,236
Hex: B1F7EE
RGB: 177,247,238
Hex: BEF8F1
RGB: 190,248,241
Hex: CBF9F4
RGB: 203,249,244
Hex: D8FBF6
RGB: 216,251,246
Hex: E5FCF9
RGB: 229,252,249
Hex: F2FDFC
RGB: 242,253,252
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
F2FEFC
E5FCFA
D8FBF7
CBFAF4
BEF9F2
B1F7EF
A4F6EC
97F5E9
8AF3E7
7DF2E4
71DACD
64C2B6
58A9A0
4B9189
3F7972
32615B
254944
19302E
0C1817
000000
FFFFFF
F3FEFD
E8FDFA
DCFBF8
D0FAF5
C5F9F3
B9F8F0
ADF7EE
A1F5EB
96F4E9
8AF3E6
7CDBCF
6EC2B8
61AAA1
53928A
457A73
37615C
294945
1C312E
0E1817
000000
FFFFFF
F5FEFD
EAFDFB
E0FCF8
D5FBF6
CBFAF4
C1F8F2
B6F7F0
ACF6ED
A1F5EB
97F4E9
88DCD2
79C3BA
6AABA3
5B928C
4C7A75
3C625D
2D4946
1E312F
0F1817
000000
FFFFFF
F6FEFD
EDFDFB
E4FCF9
DBFBF7
D2FAF6
C8F9F4
BFF8F2
B6F7F0
ADF6EE
A4F5EC
94DDD4
83C4BD
73ACA5
62938E
527B76
42625E
314947
21312F
101818
000000
FFFFFF
F7FEFD
EFFDFC
E8FDFA
E0FCF8
D8FBF7
D0FAF5
C8F9F3
C1F9F1
B9F8F0
B1F7EE
9FDED6
8EC6BE
7CADA7
6A948F
597C77
47635F
354A47
233130
121918
000000
FFFFFF
F9FEFE
F2FEFC
ECFDFB
E5FCF9
DFFCF8
D8FBF7
D2FAF5
CBF9F4
C5F9F2
BEF8F1
ABDFD9
98C6C1
85AEA9
729591
5F7C79
4C6360
394A48
263230
131918
000000
FFFFFF
FAFEFE
F5FEFD
EFFDFC
EAFDFB
E5FCFA
E0FBF8
DBFBF7
D5FAF6
D0FAF5
CBF9F4
B7E0DC
A2C7C3
8EAEAB
7A9592
667D7A
516462
3D4B49
293231
141918
000000
FFFFFF
FBFFFE
F7FEFD
F3FEFC
EFFDFB
ECFDFB
E8FDFA
E4FCF9
E0FCF8
DCFBF7
D8FBF6
C2E2DD
ADC9C5
97B0AC
829794
6C7E7B
566462
414B4A
2B3231
161919
000000
FFFFFF
FCFFFE
FAFEFE
F7FEFD
F5FEFD
F2FEFC
EFFDFB
EDFDFB
EAFDFA
E8FCFA
E5FCF9
CEE3E0
B7CAC7
A0B0AE
899795
737E7D
5C6564
454C4B
2E3232
171919
000000
FFFFFF
FEFFFF
FCFFFE
FBFEFE
FAFEFE
F9FEFE
F7FEFD
F6FEFD
F5FDFD
F3FDFC
F2FDFC
DAE4E3
C2CACA
A9B1B0
919897
797F7E
616565
494C4C
303332
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