Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/283058-3d4468-535979-686e8a-7e829a-9397ab-a9acbc-bec0cc-d4d5dd-e9eaee-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 283058
RGB: 40,48,88
Hex: 3D4468
RGB: 61,68,104
Hex: 535979
RGB: 83,89,121
Hex: 686E8A
RGB: 104,110,138
Hex: 7E829A
RGB: 126,130,154
Hex: 9397AB
RGB: 147,151,171
Hex: A9ACBC
RGB: 169,172,188
Hex: BEC0CC
RGB: 190,192,204
Hex: D4D5DD
RGB: 212,213,221
Hex: E9EAEE
RGB: 233,234,238
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
EAEAEE
D4D6DE
BFC1CD
A9ACBC
9498AC
7E839B
696E8A
535979
3E4569
283058
242B4F
202646
1C223E
181D35
14182C
101323
0C0E1A
080A12
040509
000000
FFFFFF
ECECF0
D8DAE1
C5C7D2
B1B4C3
9EA2B4
8B8FA4
777C95
646986
505777
3D4468
373D5E
313653
2B3049
25293E
1F2234
181B2A
12141F
0C0E15
06070A
000000
FFFFFF
EEEEF2
DDDEE4
CBCDD7
BABDC9
A9ACBC
989BAF
878BA1
757A94
646A86
535979
4B506D
424761
3A3E55
323549
2A2D3D
212430
191B24
111218
08090C
000000
FFFFFF
F0F1F3
E1E2E8
D2D4DC
C3C5D0
B4B7C5
A4A8B9
959AAD
868BA1
777D96
686E8A
5E637C
53586E
494D61
3E4253
343745
2A2C37
1F2129
15161C
0A0B0E
000000
FFFFFF
F2F3F5
E5E6EB
D8DAE1
CBCDD7
BFC1CD
B2B4C2
A5A8B8
989BAE
8B8FA4
7E829A
71758B
65687B
585B6C
4C4E5C
3F414D
32343E
26272E
191A1F
0D0D0F
000000
FFFFFF
F4F5F7
E9EAEE
DFE0E6
D4D5DD
C9CBD5
BEC1CD
B3B6C4
A9ACBC
9EA1B3
9397AB
84889A
767989
676A78
585B67
4A4C56
3B3C44
2C2D33
1D1E22
0F0F11
000000
FFFFFF
F6F7F8
EEEEF2
E5E6EB
DDDEE4
D4D6DE
CBCDD7
C3C5D0
BABDC9
B2B4C3
A9ACBC
989BA9
878A96
767884
656771
55565E
44454B
333438
222226
111113
000000
FFFFFF
F9F9FA
F2F2F5
ECECF0
E5E6EB
DFE0E6
D8D9E0
D2D3DB
CBCDD6
C5C6D1
BEC0CC
ABADB8
989AA3
85868F
72737A
5F6066
4C4D52
393A3D
262629
131314
000000
FFFFFF
FBFBFC
F6F7F8
F2F2F5
EEEEF1
EAEAEE
E5E6EB
E1E2E7
DDDDE4
D8D9E0
D4D5DD
BFC0C7
AAAAB1
94959B
7F8085
6A6B6F
555558
404042
2A2B2C
151516
000000
FFFFFF
FDFDFD
FBFBFC
F8F9FA
F6F7F8
F4F5F7
F2F2F5
F0F0F3
EDEEF1
EBECF0
E9EAEE
D2D3D6
BABBBE
A3A4A7
8C8C8F
757577
5D5E5F
464647
2F2F30
171718
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