Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/c5daee-b1c4d6-9daebe-8998a6-76828e-626d77-4e575f-3b4147-272b2f-131517-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: C5DAEE
RGB: 197,218,238
Hex: B1C4D6
RGB: 177,196,214
Hex: 9DAEBE
RGB: 157,174,190
Hex: 8998A6
RGB: 137,152,166
Hex: 76828E
RGB: 118,130,142
Hex: 626D77
RGB: 98,109,119
Hex: 4E575F
RGB: 78,87,95
Hex: 3B4147
RGB: 59,65,71
Hex: 272B2F
RGB: 39,43,47
Hex: 131517
RGB: 19,21,23
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
F9FBFD
F3F8FC
EEF4FA
E8F0F8
E2EDF7
DCE9F5
D6E5F3
D1E1F1
CBDEF0
C5DAEE
B1C4D6
9EAEBE
8A99A7
76838F
636D77
4F575F
3B4147
272C30
141618
000000
FFFFFF
F7F9FB
EFF3F7
E8EDF3
E0E7EF
D8E2EB
D0DCE6
C8D6E2
C1D0DE
B9CADA
B1C4D6
9FB0C1
8E9DAB
7C8996
6A7680
59626B
474E56
353B40
23272B
121415
000000
FFFFFF
F5F7F9
EBEFF2
E2E7EC
D8DFE5
CED7DF
C4CED8
BAC6D2
B1BECB
A7B6C5
9DAEBE
8D9DAB
7E8B98
6E7A85
5E6872
4F575F
3F464C
2F3439
1F2326
101113
000000
FFFFFF
F3F5F6
E7EAED
DCE0E4
D0D6DB
C4CCD3
B8C1CA
ACB7C1
A1ADB8
95A2AF
8998A6
7B8995
6E7A85
606A74
525B64
454C53
373D42
292E32
1B1E21
0E0F11
000000
FFFFFF
F1F3F4
E4E6E8
D6DADD
C8CDD2
BBC1C7
ADB4BB
9FA8B0
919BA5
848F99
76828E
6A7580
5E6872
535B63
474E55
3B4147
2F3439
23272B
181A1C
0C0D0E
000000
FFFFFF
EFF0F1
E0E2E4
D0D3D6
C0C5C9
B1B6BB
A1A7AD
9199A0
818A92
727C85
626D77
58626B
4E575F
454C53
3B4147
31373C
272C30
1D2124
141618
0A0B0C
000000
FFFFFF
EDEEEF
DCDDDF
CACDCF
B8BCBF
A7ABAF
959A9F
83898F
71797F
60686F
4E575F
464E56
3E464C
373D43
2F3439
272C30
1F2326
171A1C
101113
080909
000000
FFFFFF
EBECED
D8D9DA
C4C6C8
B1B3B5
9DA0A3
898D91
767A7E
62676C
4F5459
3B4147
353B40
2F3439
292E32
23272B
1E2124
181A1C
121315
0C0D0E
060607
000000
FFFFFF
E9EAEA
D4D5D5
BEBFC1
A9AAAC
939597
7D8082
686B6D
525559
3D4044
272B2F
23272A
1F2226
1B1E21
171A1C
141618
101113
0C0D0E
080909
040405
000000
FFFFFF
E7E8E8
D0D0D1
B8B9B9
A1A1A2
898A8B
717374
5A5B5D
424445
2B2C2E
131517
111315
0F1112
0D0F10
0B0D0E
0A0B0C
080809
060607
040405
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