Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/8fc4bd-9ac9c3-a5cfca-b0d5d0-bbdbd7-c7e1de-d2e7e4-ddedeb-e8f3f1-f3f9f8-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 8FC4BD
RGB: 143,196,189
Hex: 9AC9C3
RGB: 154,201,195
Hex: A5CFCA
RGB: 165,207,202
Hex: B0D5D0
RGB: 176,213,208
Hex: BBDBD7
RGB: 187,219,215
Hex: C7E1DE
RGB: 199,225,222
Hex: D2E7E4
RGB: 210,231,228
Hex: DDEDEB
RGB: 221,237,235
Hex: E8F3F1
RGB: 232,243,241
Hex: F3F9F8
RGB: 243,249,248
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
F4F9F8
E9F3F2
DDEDEB
D2E7E5
C7E2DE
BCDCD7
B1D6D1
A5D0CA
9ACAC4
8FC4BD
81B0AA
729D97
648984
567671
48625F
394E4C
2B3B39
1D2726
0E1413
000000
FFFFFF
F5FAF9
EBF4F3
E1EFED
D7E9E7
CDE4E1
C2DFDB
B8D9D5
AED4CF
A4CEC9
9AC9C3
8BB5B0
7BA19C
6C8D89
5C7975
4D6562
3E504E
2E3C3A
1F2827
0F1413
000000
FFFFFF
F6FAFA
EDF5F4
E4F1EF
DBECEA
D2E7E5
C9E2DF
C0DDDA
B7D9D5
AED4CF
A5CFCA
95BAB6
84A6A2
73918D
637C79
536865
425351
313E3D
212928
101514
000000
FFFFFF
F7FBFA
EFF7F6
E7F2F1
DFEEEC
D8EAE8
D0E6E3
C8E2DE
C0DDD9
B8D9D5
B0D5D0
9EC0BB
8DAAA6
7B9592
6A807D
586B68
465553
35403E
232B2A
121515
000000
FFFFFF
F8FBFB
F1F8F7
EBF4F3
E4F1EF
DDEDEB
D6E9E7
CFE6E3
C9E2DF
C2DFDB
BBDBD7
A8C5C2
96AFAC
839997
708381
5E6E6C
4B5856
384240
252C2B
131615
000000
FFFFFF
F9FCFC
F4F9F8
EEF6F5
E9F3F2
E3F0EF
DDEDEB
D8EAE8
D2E7E5
CDE4E1
C7E1DE
B3CBC8
9FB4B2
8B9E9B
778785
64716F
505A59
3C4343
282D2C
141616
000000
FFFFFF
FBFDFC
F6FAFA
F2F8F7
EDF5F4
E9F3F2
E4F1EF
E0EEEC
DBECE9
D7E9E7
D2E7E4
BDD0CD
A8B9B6
93A2A0
7E8B89
697472
545C5B
3F4544
2A2E2E
151717
000000
FFFFFF
FCFDFD
F8FBFB
F5FAF9
F1F8F7
EEF6F5
EBF4F3
E7F2F1
E4F1EF
E0EFED
DDEDEB
C7D5D4
B1BEBC
9BA6A5
858E8D
6F7776
585F5E
424746
2C2F2F
161817
000000
FFFFFF
FDFEFE
FAFDFC
F8FBFB
F6FAF9
F4F9F8
F1F8F7
EFF7F5
EDF5F4
EAF4F2
E8F3F1
D1DBD9
BAC2C1
A2AAA9
8B9291
747A79
5D6160
464948
2E3130
171818
000000
FFFFFF
FEFEFE
FDFEFE
FBFDFD
FAFDFC
F9FCFC
F8FBFB
F7FBFA
F5FAF9
F4FAF9
F3F9F8
DBE0DF
C2C7C6
AAAEAE
929595
7A7D7C
616463
494B4A
313232
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