Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/7eb8d5-8abfd9-97c6dd-a4cde1-b1d4e5-bedbea-cbe2ee-d8e9f2-e5f0f6-f2f7fa-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 7EB8D5
RGB: 126,184,213
Hex: 8ABFD9
RGB: 138,191,217
Hex: 97C6DD
RGB: 151,198,221
Hex: A4CDE1
RGB: 164,205,225
Hex: B1D4E5
RGB: 177,212,229
Hex: BEDBEA
RGB: 190,219,234
Hex: CBE2EE
RGB: 203,226,238
Hex: D8E9F2
RGB: 216,233,242
Hex: E5F0F6
RGB: 229,240,246
Hex: F2F7FA
RGB: 242,247,250
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
F2F8FB
E5F1F7
D8EAF2
CBE3EE
BFDCEA
B2D4E6
A5CDE2
98C6DD
8BBFD9
7EB8D5
71A6C0
6593AA
588195
4C6E80
3F5C6B
324A55
263740
19252B
0D1215
000000
FFFFFF
F3F9FB
E8F2F7
DCECF4
D0E5F0
C5DFEC
B9D9E8
ADD2E4
A1CCE1
96C5DD
8ABFD9
7CACC3
6E99AE
618698
537382
45606D
374C57
293941
1C262B
0E1316
000000
FFFFFF
F5F9FC
EAF4F8
E0EEF5
D5E8F1
CBE3EE
C1DDEB
B6D7E7
ACD1E4
A1CCE0
97C6DD
88B2C7
799EB1
6A8B9B
5B7785
4C636F
3C4F58
2D3B42
1E282C
0F1416
000000
FFFFFF
F6FAFC
EDF5F9
E4F0F6
DBEBF3
D2E6F0
C8E1ED
BFDCEA
B6D7E7
ADD2E4
A4CDE1
94B9CB
83A4B4
73909E
627B87
526771
42525A
313D43
21292D
101416
000000
FFFFFF
F7FBFC
EFF6FA
E8F2F7
E0EEF5
D8EAF2
D0E5EF
C8E1ED
C1DDEA
B9D8E8
B1D4E5
9FBFCE
8EAAB7
7C94A0
6A7F89
596A73
47555C
354045
232A2E
121517
000000
FFFFFF
F9FBFD
F2F8FB
ECF4F9
E5F1F7
DFEDF5
D8E9F2
D2E6F0
CBE2EE
C5DFEC
BEDBEA
ABC5D3
98AFBB
8599A4
72838C
5F6E75
4C585E
394246
262C2F
131617
000000
FFFFFF
FAFCFD
F5F9FC
EFF6FA
EAF3F8
E5F1F7
E0EEF5
DBEBF3
D5E8F1
D0E5F0
CBE2EE
B7CBD6
A2B5BE
8E9EA7
7A888F
667177
515A5F
3D4447
292D30
141718
000000
FFFFFF
FBFDFE
F7FBFC
F3F8FB
EFF6FA
ECF4F9
E8F2F7
E4F0F6
E0EDF5
DCEBF3
D8E9F2
C2D2DA
ADBAC2
97A3A9
828C91
6C7579
565D61
414649
2B2F30
161718
000000
FFFFFF
FCFEFE
FAFCFD
F7FBFC
F5F9FB
F2F8FB
EFF6FA
EDF5F9
EAF3F8
E8F2F7
E5F0F6
CED8DD
B7C0C5
A0A8AC
899094
73787B
5C6062
45484A
2E3031
171819
000000
FFFFFF
FEFEFF
FCFDFE
FBFDFE
FAFCFD
F9FBFD
F7FAFC
F6F9FC
F5F9FB
F3F8FB
F2F7FA
DADEE1
C2C6C8
A9ADAF
919496
797C7D
616364
494A4B
303132
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