Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/7ca7be-89afc4-96b8cb-a3c1d1-b0cad8-bdd3de-cadbe5-d7e4eb-e4edf2-f1f6f8-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 7CA7BE
RGB: 124,167,190
Hex: 89AFC4
RGB: 137,175,196
Hex: 96B8CB
RGB: 150,184,203
Hex: A3C1D1
RGB: 163,193,209
Hex: B0CAD8
RGB: 176,202,216
Hex: BDD3DE
RGB: 189,211,222
Hex: CADBE5
RGB: 202,219,229
Hex: D7E4EB
RGB: 215,228,235
Hex: E4EDF2
RGB: 228,237,242
Hex: F1F6F8
RGB: 241,246,248
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
F2F6F9
E5EDF2
D8E5EC
CBDCE5
BED3DF
B0CAD8
A3C1D2
96B9CB
89B0C5
7CA7BE
7096AB
638698
577585
4A6472
3E545F
32434C
253239
192126
0C1113
000000
FFFFFF
F3F7F9
E7EFF3
DCE7ED
D0DFE7
C4D7E2
B8CFDC
ACC7D6
A1BFD0
95B7CA
89AFC4
7B9EB0
6E8C9D
607A89
526976
455862
37464E
29343B
1B2327
0E1114
000000
FFFFFF
F5F8FA
EAF1F5
E0EAEF
D5E3EA
CBDCE5
C0D4E0
B6CDDB
ABC6D5
A1BFD0
96B8CB
87A6B7
7893A2
69818E
5A6E7A
4B5C66
3C4A51
2D373D
1E2529
0F1214
000000
FFFFFF
F6F9FA
EDF3F6
E3ECF1
DAE6ED
D1E0E8
C8DAE3
BFD4DF
B5CDDA
ACC7D6
A3C1D1
93AEBC
829AA7
728792
62747D
526169
414D54
313A3F
21272A
101315
000000
FFFFFF
F7FAFB
EFF4F7
E7EFF3
DFEAEF
D8E5EC
D0DFE8
C8DAE4
C0D5E0
B8CFDC
B0CAD8
9EB6C2
8DA2AD
7B8D97
6A7982
58656C
465156
353D41
23282B
121416
000000
FFFFFF
F8FBFC
F2F6F8
EBF2F5
E5EDF2
DEE9EF
D7E5EB
D1E0E8
CADCE5
C4D7E1
BDD3DE
AABEC8
97A9B2
84949B
717F85
5F6A6F
4C5459
393F43
262A2C
131516
000000
FFFFFF
FAFBFC
F4F8FA
EFF4F7
EAF1F5
E5EDF2
DFE9EF
DAE6ED
D5E2EA
CFDFE8
CADBE5
B6C5CE
A2AFB7
8D99A0
798389
656E73
51585C
3D4245
282C2E
141617
000000
FFFFFF
FBFCFD
F7FAFB
F3F7F9
EFF4F7
EBF2F5
E7EFF3
E3ECF1
DFE9EF
DBE7ED
D7E4EB
C2CDD4
ACB6BC
97A0A5
81898D
6C7276
565B5E
404446
2B2E2F
151717
000000
FFFFFF
FCFDFE
FAFBFC
F7FAFB
F4F8FA
F2F6F9
EFF4F7
ECF2F6
E9F1F5
E7EFF3
E4EDF2
CDD5DA
B6BEC2
A0A6A9
898E91
727779
5B5F61
444749
2E2F30
171818
000000
FFFFFF
FEFEFE
FCFDFE
FBFCFD
F9FBFC
F8FBFC
F7FAFB
F5F9FA
F4F8F9
F2F7F9
F1F6F8
D9DDDF
C1C5C6
A9ACAE
919495
797B7C
606263
484A4A
303132
181919
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