Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/add7d1-b5dbd5-bddfda-c5e3de-cde7e3-d6ebe8-deefec-e6f3f1-eef7f5-f6fbfa-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: ADD7D1
RGB: 173,215,209
Hex: B5DBD5
RGB: 181,219,213
Hex: BDDFDA
RGB: 189,223,218
Hex: C5E3DE
RGB: 197,227,222
Hex: CDE7E3
RGB: 205,231,227
Hex: D6EBE8
RGB: 214,235,232
Hex: DEEFEC
RGB: 222,239,236
Hex: E6F3F1
RGB: 230,243,241
Hex: EEF7F5
RGB: 238,247,245
Hex: F6FBFA
RGB: 246,251,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
F7FBFA
EFF7F6
E6F3F1
DEEFED
D6EBE8
CEE7E3
C6E3DF
BDDFDA
B5DBD6
ADD7D1
9CC2BC
8AACA7
799792
68817D
576C69
455654
34403F
232B2A
111515
000000
FFFFFF
F8FBFB
F0F8F7
E9F4F2
E1F1EE
DAEDEA
D3E9E6
CBE6E2
C4E2DD
BCDFD9
B5DBD5
A3C5C0
91AFAA
7F9995
6D8380
5B6E6B
485855
364240
242C2B
121615
000000
FFFFFF
F8FCFB
F2F9F8
EBF5F4
E5F2F0
DEEFED
D7ECE9
D1E9E5
CAE5E1
C4E2DE
BDDFDA
AAC9C4
97B2AE
849C99
718683
5F706D
4C5957
394341
262D2C
131616
000000
FFFFFF
F9FCFC
F3F9F8
EEF7F5
E8F4F2
E2F1EF
DCEEEB
D6EBE8
D1E9E5
CBE6E1
C5E3DE
B1CCC8
9EB6B2
8A9F9B
768885
63726F
4F5B59
3B4443
272D2C
141716
000000
FFFFFF
FAFDFC
F5FAF9
F0F8F7
EBF5F4
E6F3F1
E1F1EE
DCEEEB
D7ECE9
D2E9E6
CDE7E3
B9D0CC
A4B9B6
90A29F
7B8B88
677472
525C5B
3D4544
292E2D
141717
000000
FFFFFF
FBFDFD
F7FBFA
F3F9F8
EFF7F6
EBF5F4
E6F3F1
E2F1EF
DEEFED
DAEDEA
D6EBE8
C1D4D1
ABBCBA
96A5A2
808D8B
6B7674
565E5D
404646
2B2F2E
151717
000000
FFFFFF
FCFDFD
F8FCFB
F5FAF9
F2F9F7
EFF7F6
EBF5F4
E8F4F2
E5F2F0
E1F1EE
DEEFEC
C8D7D4
B2BFBD
9BA7A5
858F8E
6F7876
59605E
434847
2C302F
161818
000000
FFFFFF
FDFEFE
FAFDFC
F8FBFB
F5FAF9
F3F9F8
F0F8F7
EEF7F5
EBF5F4
E9F4F2
E6F3F1
CFDBD9
B8C2C1
A1AAA9
8A9291
737A79
5C6160
454948
2E3130
171818
000000
FFFFFF
FDFEFE
FCFDFD
FAFDFC
F8FCFB
F7FBFA
F5FAF9
F3F9F8
F1F9F7
F0F8F6
EEF7F5
D6DEDD
BEC6C4
A7ADAC
8F9493
777C7B
5F6362
474A49
303131
181918
000000
FFFFFF
FEFFFF
FDFEFE
FCFEFE
FBFDFD
FBFDFD
FAFDFC
F9FCFC
F8FCFB
F7FBFB
F6FBFA
DDE2E1
C5C9C8
ACB0AF
949796
7B7E7D
626464
4A4B4B
313232
191919
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