Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/97cac2-87b5ae-78a19b-698d87-5a7974-4b6561-3c504d-2d3c3a-1e2826-0f1413-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 97CAC2
RGB: 151,202,194
Hex: 87B5AE
RGB: 135,181,174
Hex: 78A19B
RGB: 120,161,155
Hex: 698D87
RGB: 105,141,135
Hex: 5A7974
RGB: 90,121,116
Hex: 4B6561
RGB: 75,101,97
Hex: 3C504D
RGB: 60,80,77
Hex: 2D3C3A
RGB: 45,60,58
Hex: 1E2826
RGB: 30,40,38
Hex: 0F1413
RGB: 15,20,19
Hex: 000000
RGB: 0,0,0
-100%
-90%
-80%
-70%
-60%
-50%
-40%
-30%
-20%
-10%
Original
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
FFFFFF
F5FAF9
EAF4F3
E0EFED
D5EAE7
CBE5E1
C1DFDA
B6DAD4
ACD5CE
A1CFC8
97CAC2
88B6AF
79A29B
6A8D88
5B7974
4C6561
3C514E
2D3D3A
1E2827
0F1413
000000
FFFFFF
F3F8F7
E7F0EF
DBE9E7
CFE1DF
C3DAD7
B7D3CE
ABCBC6
9FC4BE
93BCB6
87B5AE
7AA39D
6C918B
5F7F7A
516D68
445B57
364846
283634
1B2423
0D1211
000000
FFFFFF
F2F6F5
E4ECEB
D7E3E1
C9D9D7
BCD0CD
AEC7C3
A1BDB9
93B4AF
86AAA5
78A19B
6C918C
60817C
54716D
48615D
3C514E
30403E
24302E
18201F
0C100F
000000
FFFFFF
F0F4F3
E1E8E7
D2DDDB
C3D1CF
B4C6C3
A5BBB7
96AFAB
87A49F
789893
698D87
5F7F7A
54716C
4A635F
3F5551
354744
2A3836
1F2A28
151C1B
0A0E0D
000000
FFFFFF
EFF2F1
DEE4E3
CED7D5
BDC9C7
ADBCBA
9CAFAC
8CA19E
7B9490
6B8682
5A7974
516D68
48615D
3F5551
364946
2D3D3A
24302E
1B2423
121817
090C0C
000000
FFFFFF
EDF0EF
DBE0DF
C9D1D0
B7C1C0
A5B2B0
93A3A0
819390
6F8481
5D7471
4B6561
445B57
3C514E
354744
2D3D3A
263331
1E2827
161E1D
0F1413
070A0A
000000
FFFFFF
ECEEED
D8DCDB
C5CBCA
B1B9B8
9EA8A6
8A9694
778582
637371
50625F
3C504D
364845
30403E
2A3836
24302E
1E2827
18201F
121817
0C100F
060808
000000
FFFFFF
EAECEB
D5D8D8
C0C5C4
ABB1B0
969E9D
818A89
6C7775
576361
42504E
2D3C3A
293634
24302E
1F2A29
1B2423
171E1D
121817
0D1211
090C0C
040606
000000
FFFFFF
E9EAE9
D2D4D4
BCBFBE
A5A9A8
8F9493
787E7D
626967
4B5351
353E3C
1E2826
1B2422
18201E
151C1B
121817
0F1413
0C100F
090C0B
060808
030404
000000
FFFFFF
E7E8E7
CFD0D0
B7B9B8
9FA1A1
878A89
6F7271
575B5A
3F4342
272C2B
0F1413
0E1211
0C100F
0B0E0D
090C0B
080A0A
060808
040606
030404
010202
000000
FFFFFF
E6E6E6
CCCCCC
B3B3B3
999999
808080
666666
4D4D4D
333333
1A1A1A
000000
000000
000000
000000
000000
000000
000000
000000
000000
000000
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