Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/36868a-4a9295-5e9ea1-72aaad-86b6b8-9ac2c4-aeced0-c2dadb-d6e6e7-eaf2f3-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 36868A
RGB: 54,134,138
Hex: 4A9295
RGB: 74,146,149
Hex: 5E9EA1
RGB: 94,158,161
Hex: 72AAAD
RGB: 114,170,173
Hex: 86B6B8
RGB: 134,182,184
Hex: 9AC2C4
RGB: 154,194,196
Hex: AECED0
RGB: 174,206,208
Hex: C2DADB
RGB: 194,218,219
Hex: D6E6E7
RGB: 214,230,231
Hex: EAF2F3
RGB: 234,242,243
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
EBF3F3
D7E7E8
C3DBDC
AFCFD0
9BC3C5
86B6B9
72AAAD
5E9EA1
4A9296
36868A
31797C
2B6B6E
265E61
205053
1B4345
163637
102829
0B1B1C
050D0E
000000
FFFFFF
EDF4F4
DBE9EA
C9DEDF
B7D3D5
A5C9CA
92BEBF
80B3B5
6EA8AA
5C9DA0
4A9295
438386
3B7577
346668
2C5859
25494B
1E3A3C
162C2D
0F1D1E
070F0F
000000
FFFFFF
EFF5F6
DFECEC
CFE2E3
BFD8D9
AFCFD0
9EC5C7
8EBBBD
7EB1B4
6EA8AA
5E9EA1
558E91
4B7E81
426F71
385F61
2F4F51
263F40
1C2F30
132020
091010
000000
FFFFFF
F1F7F7
E3EEEF
D5E6E6
C7DDDE
B9D5D6
AACCCE
9CC4C6
8EBBBD
80B3B5
72AAAD
67999C
5B888A
507779
446668
395557
2E4445
223334
172223
0B1111
000000
FFFFFF
F3F8F8
E7F0F1
DBE9EA
CFE2E3
C3DBDC
B6D3D4
AACCCD
9EC5C6
92BDBF
86B6B8
79A4A6
6B9293
5E7F81
506D6E
435B5C
36494A
283737
1B2425
0D1212
000000
FFFFFF
F5F9F9
EBF3F3
E1EDED
D7E7E7
CDE1E2
C2DADC
B8D4D6
AECED0
A4C8CA
9AC2C4
8BAFB0
7B9B9D
6C8889
5C7476
4D6162
3E4E4E
2E3A3B
1F2727
0F1314
000000
FFFFFF
F7FAFA
EFF5F6
E7F0F1
DFEBEC
D7E7E8
CEE2E3
C6DDDE
BED8D9
B6D3D5
AECED0
9DB9BB
8BA5A6
7A9092
687C7D
576768
465253
343E3E
23292A
111515
000000
FFFFFF
F9FBFB
F3F8F8
EDF4F4
E7F0F1
E1EDED
DAE9E9
D4E5E6
CEE1E2
C8DEDF
C2DADB
AFC4C5
9BAEAF
889999
748383
616D6E
4E5758
3A4142
272C2C
131616
000000
FFFFFF
FBFDFD
F7FAFA
F3F8F8
EFF5F5
EBF3F3
E6F0F1
E2EEEE
DEEBEC
DAE9E9
D6E6E7
C1CFD0
ABB8B9
96A1A2
808A8B
6B7374
565C5C
404545
2B2E2E
151717
000000
FFFFFF
FDFEFE
FBFCFD
F9FBFB
F7FAFA
F5F9F9
F2F7F8
F0F6F7
EEF5F5
ECF3F4
EAF2F3
D3DADB
BBC2C2
A4A9AA
8C9192
75797A
5E6161
464949
2F3031
171818
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