Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/ade1d1-b5e4d5-bde7da-c5eade-cdede3-d6f0e8-def3ec-e6f6f1-eef9f5-f6fcfa-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: ADE1D1
RGB: 173,225,209
Hex: B5E4D5
RGB: 181,228,213
Hex: BDE7DA
RGB: 189,231,218
Hex: C5EADE
RGB: 197,234,222
Hex: CDEDE3
RGB: 205,237,227
Hex: D6F0E8
RGB: 214,240,232
Hex: DEF3EC
RGB: 222,243,236
Hex: E6F6F1
RGB: 230,246,241
Hex: EEF9F5
RGB: 238,249,245
Hex: F6FCFA
RGB: 246,252,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
F7FCFA
EFF9F6
E6F6F1
DEF3ED
D6F0E8
CEEDE3
C6EADF
BDE7DA
B5E4D6
ADE1D1
9CCBBC
8AB4A7
799E92
68877D
577169
455A54
34433F
232D2A
111615
000000
FFFFFF
F8FCFB
F0FAF7
E9F7F2
E1F4EE
DAF2EA
D3EFE6
CBECE2
C4E9DD
BCE7D9
B5E4D5
A3CDC0
91B6AA
7FA095
6D8980
5B726B
485B55
364440
242E2B
121715
000000
FFFFFF
F8FDFB
F2FAF8
EBF8F4
E5F5F0
DEF3ED
D7F1E9
D1EEE5
CAECE1
C4E9DE
BDE7DA
AAD0C4
97B9AE
84A299
718B83
5F746D
4C5C57
394541
262E2C
131716
000000
FFFFFF
F9FDFC
F3FBF8
EEF9F5
E8F7F2
E2F5EF
DCF2EB
D6F0E8
D1EEE5
CBECE1
C5EADE
B1D3C8
9EBBB2
8AA49B
768C85
63756F
4F5E59
3B4643
272F2C
141716
000000
FFFFFF
FAFDFC
F5FBF9
F0FAF7
EBF8F4
E6F6F1
E1F4EE
DCF2EB
D7F1E9
D2EFE6
CDEDE3
B9D5CC
A4BEB6
90A69F
7B8E88
677772
525F5B
3D4744
292F2D
141817
000000
FFFFFF
FBFEFD
F7FCFA
F3FBF8
EFF9F6
EBF8F4
E6F6F1
E2F5EF
DEF3ED
DAF2EA
D6F0E8
C1D8D1
ABC0BA
96A8A2
80908B
6B7874
56605D
404846
2B302E
151817
000000
FFFFFF
FCFEFD
F8FDFB
F5FBF9
F2FAF7
EFF9F6
EBF8F4
E8F7F2
E5F5F0
E1F4EE
DEF3EC
C8DBD4
B2C2BD
9BAAA5
85928E
6F7A76
59615E
434947
2C312F
161818
000000
FFFFFF
FDFEFE
FAFDFC
F8FCFB
F5FBF9
F3FBF8
F0FAF7
EEF9F5
EBF8F4
E9F7F2
E6F6F1
CFDDD9
B8C5C1
A1ACA9
8A9491
737B79
5C6260
454A48
2E3130
171918
000000
FFFFFF
FDFEFE
FCFEFD
FAFDFC
F8FDFB
F7FCFA
F5FBF9
F3FBF8
F1FAF7
F0FAF6
EEF9F5
D6E0DD
BEC7C4
A7AEAC
8F9593
777D7B
5F6462
474B49
303231
181918
000000
FFFFFF
FEFFFF
FDFEFE
FCFEFE
FBFEFD
FBFEFD
FAFDFC
F9FDFC
F8FDFB
F7FCFB
F6FCFA
DDE3E1
C5CAC8
ACB0AF
949796
7B7E7D
626564
4A4C4B
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