Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/97a4d3-8793bd-7883a8-697293-5a627e-4b5269-3c4154-2d313f-1e202a-0f1015-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 97A4D3
RGB: 151,164,211
Hex: 8793BD
RGB: 135,147,189
Hex: 7883A8
RGB: 120,131,168
Hex: 697293
RGB: 105,114,147
Hex: 5A627E
RGB: 90,98,126
Hex: 4B5269
RGB: 75,82,105
Hex: 3C4154
RGB: 60,65,84
Hex: 2D313F
RGB: 45,49,63
Hex: 1E202A
RGB: 30,32,42
Hex: 0F1015
RGB: 15,16,21
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
F5F6FB
EAEDF6
E0E4F2
D5DBED
CBD2E9
C1C8E5
B6BFE0
ACB6DC
A1ADD7
97A4D3
8894BE
7983A9
6A7394
5B627F
4C526A
3C4254
2D313F
1E212A
0F1015
000000
FFFFFF
F3F4F8
E7E9F2
DBDFEB
CFD4E5
C3C9DE
B7BED7
ABB3D1
9FA9CA
939EC4
8793BD
7A84AA
6C7697
5F6784
515871
444A5F
363B4C
282C39
1B1D26
0D0F13
000000
FFFFFF
F2F3F6
E4E6EE
D7DAE5
C9CDDC
BCC1D4
AEB5CB
A1A8C2
939CB9
868FB1
7883A8
6C7697
606986
545C76
484F65
3C4254
303443
242732
181A22
0C0D11
000000
FFFFFF
F0F1F4
E1E3E9
D2D5DF
C3C7D4
B4B9C9
A5AABE
969CB3
878EA9
78809E
697293
5F6784
545B76
4A5067
3F4458
35394A
2A2E3B
1F222C
15171D
0A0B0F
000000
FFFFFF
EFEFF2
DEE0E5
CED0D8
BDC0CB
ADB1BF
9CA1B2
8C91A5
7B8198
6B728B
5A627E
515871
484E65
3F4558
363B4C
2D313F
242732
1B1D26
121419
090A0D
000000
FFFFFF
EDEEF0
DBDCE1
C9CBD2
B7BAC3
A5A9B4
9397A5
818696
6F7587
5D6378
4B5269
444A5F
3C4254
35394A
2D313F
262935
1E212A
16191F
0F1015
07080A
000000
FFFFFF
ECECEE
D8D9DD
C5C6CC
B1B3BB
9EA0AA
8A8D98
777A87
636776
505465
3C4154
363B4C
303443
2A2E3B
242732
1E212A
181A22
121319
0C0D11
060608
000000
FFFFFF
EAEAEC
D5D6D9
C0C1C5
ABADB2
96989F
81838C
6C6F79
575A65
424652
2D313F
292C39
242732
1F222C
1B1D26
171920
121419
0D0F13
090A0D
040506
000000
FFFFFF
E9E9EA
D2D2D4
BCBCBF
A5A6AA
8F9095
78797F
62636A
4B4D55
35363F
1E202A
1B1D26
181A22
15161D
121319
0F1015
0C0D11
090A0D
060608
030304
000000
FFFFFF
E7E7E8
CFCFD0
B7B7B9
9F9FA1
87888A
6F7073
57585B
3F4044
27282C
0F1015
0E0E13
0C0D11
0B0B0F
090A0D
08080B
060608
040506
030304
010202
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