Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/a8dadc-97c4c6-86aeb0-75989a-648284-546d6e-435758-324142-212b2c-101516-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: A8DADC
RGB: 168,218,220
Hex: 97C4C6
RGB: 151,196,198
Hex: 86AEB0
RGB: 134,174,176
Hex: 75989A
RGB: 117,152,154
Hex: 648284
RGB: 100,130,132
Hex: 546D6E
RGB: 84,109,110
Hex: 435758
RGB: 67,87,88
Hex: 324142
RGB: 50,65,66
Hex: 212B2C
RGB: 33,43,44
Hex: 101516
RGB: 16,21,22
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
F6FBFC
EEF8F8
E5F4F5
DCF0F1
D4EDEE
CBE9EA
C2E5E7
B9E1E3
B1DEE0
A8DADC
97C4C6
86AEB0
76999A
658384
546D6E
435758
324142
222C2C
111616
000000
FFFFFF
F5F9F9
EAF3F4
E0EDEE
D5E7E8
CBE2E3
C1DCDD
B6D6D7
ACD0D1
A1CACC
97C4C6
88B0B2
799D9E
6A898B
5B7677
4C6263
3C4E4F
2D3B3B
1E2728
0F1414
000000
FFFFFF
F3F7F7
E7EFEF
DBE7E7
CFDFDF
C3D7D8
B6CED0
AAC6C8
9EBEC0
92B6B8
86AEB0
799D9E
6B8B8D
5E7A7B
50686A
435758
364646
283435
1B2323
0D1112
000000
FFFFFF
F1F5F5
E3EAEB
D6E0E1
C8D6D7
BACCCD
ACC1C2
9EB7B8
91ADAE
83A2A4
75989A
69898B
5E7A7B
526A6C
465B5C
3B4C4D
2F3D3E
232E2E
171E1F
0C0F0F
000000
FFFFFF
F0F3F3
E0E6E6
D1DADA
C1CDCE
B2C1C2
A2B4B5
93A8A9
839B9D
748F90
648284
5A7577
50686A
465B5C
3C4E4F
324142
283435
1E2728
141A1A
0A0D0D
000000
FFFFFF
EEF0F1
DDE2E2
CCD3D4
BBC5C5
AAB6B7
98A7A8
87999A
768A8B
657C7D
546D6E
4C6263
435758
3B4C4D
324142
2A3737
222C2C
192121
111616
080B0B
000000
FFFFFF
ECEEEE
D9DDDE
C7CDCD
B4BCBC
A1ABAC
8E9A9B
7B898A
697979
566869
435758
3C4E4F
364646
2F3D3E
283435
222C2C
1B2323
141A1A
0D1112
070909
000000
FFFFFF
EBECEC
D6D9D9
C2C6C6
ADB3B3
99A0A1
848D8E
707A7B
5B6768
475455
324142
2D3B3B
283435
232E2E
1E2728
192121
141A1A
0F1314
0A0D0D
050607
000000
FFFFFF
E9EAEA
D3D5D5
BCBFC0
A6AAAB
909596
7A8080
646B6B
4D5556
374041
212B2C
1E2728
1A2223
171E1F
141A1A
111616
0D1112
0A0D0D
070909
030404
000000
FFFFFF
E7E8E8
CFD0D0
B7B9B9
9FA1A2
888A8B
707373
585B5C
404445
282C2D
101516
0E1314
0D1112
0B0F0F
0A0D0D
080B0B
060809
050607
030404
020202
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