Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/97cfa1-a1d3aa-abd8b3-b6ddbd-c0e2c6-cbe7d0-d5ebd9-dff0e2-eaf5ec-f4faf5-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 97CFA1
RGB: 151,207,161
Hex: A1D3AA
RGB: 161,211,170
Hex: ABD8B3
RGB: 171,216,179
Hex: B6DDBD
RGB: 182,221,189
Hex: C0E2C6
RGB: 192,226,198
Hex: CBE7D0
RGB: 203,231,208
Hex: D5EBD9
RGB: 213,235,217
Hex: DFF0E2
RGB: 223,240,226
Hex: EAF5EC
RGB: 234,245,236
Hex: F4FAF5
RGB: 244,250,245
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
F5FAF6
EAF5EC
E0F1E3
D5ECD9
CBE7D0
C1E2C7
B6DDBD
ACD9B4
A1D4AA
97CFA1
88BA91
79A681
6A9171
5B7C61
4C6851
3C5340
2D3E30
1E2920
0F1510
000000
FFFFFF
F6FBF7
ECF6EE
E3F2E6
D9EDDD
D0E9D5
C7E5CC
BDE0C4
B4DCBB
AAD7B3
A1D3AA
91BE99
81A988
719477
617F66
516A55
405444
303F33
202A22
101511
000000
FFFFFF
F7FBF7
EEF7F0
E6F3E8
DDEFE1
D5ECD9
CDE8D1
C4E4CA
BCE0C2
B3DCBB
ABD8B3
9AC2A1
89AD8F
78977D
67826B
566C5A
445648
334136
222B24
111612
000000
FFFFFF
F8FCF8
F0F8F2
E9F5EB
E2F1E5
DBEEDE
D3EBD7
CCE7D1
C5E4CA
BDE0C4
B6DDBD
A4C7AA
92B197
7F9B84
6D8571
5B6F5F
49584C
374239
242C26
121613
000000
FFFFFF
F9FCF9
F2F9F4
ECF6EE
E6F3E8
E0F1E3
D9EEDD
D3EBD7
CDE8D1
C6E5CC
C0E2C6
ADCBB2
9AB59E
869E8B
738877
607163
4D5A4F
3A443B
262D28
131714
000000
FFFFFF
FAFDFA
F5FAF6
EFF8F1
EAF5EC
E5F3E8
E0F1E3
DBEEDE
D5ECD9
D0E9D5
CBE7D0
B7D0BB
A2B9A6
8EA292
7A8B7D
667468
515C53
3D453E
292E2A
141715
000000
FFFFFF
FBFDFB
F7FBF7
F2F9F4
EEF7F0
EAF5EC
E6F3E8
E2F1E4
DDEFE1
D9EDDD
D5EBD9
C0D4C3
AABCAE
95A598
808D82
6B766D
555E57
404641
2B2F2B
151716
000000
FFFFFF
FCFEFC
F9FCF9
F5FBF6
F2F9F3
EFF8F1
ECF6EE
E9F5EB
E5F3E8
E2F2E5
DFF0E2
C9D8CB
B2C0B5
9CA89E
869088
707871
59605A
434844
2D302D
161817
000000
FFFFFF
FDFEFD
FBFDFB
F9FCF9
F7FBF7
F5FAF6
F2F9F4
F0F8F2
EEF7F0
ECF6EE
EAF5EC
D3DDD4
BBC4BD
A4ACA5
8C938E
757B76
5E625E
464947
2F312F
171818
000000
FFFFFF
FEFFFE
FDFEFD
FCFEFC
FBFDFB
FAFDFA
F8FCF9
F7FCF8
F6FBF7
F5FBF6
F4FAF5
DCE1DD
C3C8C4
ABAFAC
929693
7A7D7B
626462
494B49
313231
181918
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