Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/309a84-2b8a76-267b69-216b5c-1c5c4f-184d42-133d34-0e2e27-091e1a-040f0d-000000?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 309A84
RGB: 48,154,132
Hex: 2B8A76
RGB: 43,138,118
Hex: 267B69
RGB: 38,123,105
Hex: 216B5C
RGB: 33,107,92
Hex: 1C5C4F
RGB: 28,92,79
Hex: 184D42
RGB: 24,77,66
Hex: 133D34
RGB: 19,61,52
Hex: 0E2E27
RGB: 14,46,39
Hex: 091E1A
RGB: 9,30,26
Hex: 040F0D
RGB: 4,15,13
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
EAF5F3
D6EBE6
C1E1DA
ACD7CE
98CDC2
83C2B5
6EB8A9
59AE9D
45A490
309A84
2B8B77
267B6A
226C5C
1D5C4F
184D42
133E35
0E2E28
0A1F1A
050F0D
000000
FFFFFF
EAF3F1
D5E8E4
BFDCD6
AAD0C8
95C5BB
80B9AD
6BAD9F
55A191
409684
2B8A76
277C6A
226E5E
1E6153
1A5347
16453B
11372F
0D2923
091C18
040E0C
000000
FFFFFF
E9F2F0
D4E5E1
BED7D2
A8CAC3
93BDB4
7DB0A5
67A396
519587
3C8878
267B69
226F5F
1E6254
1B564A
174A3F
133E35
0F312A
0B251F
081915
040C0A
000000
FFFFFF
E9F0EF
D3E1DE
BCD3CE
A6C4BE
90B5AE
7AA69D
64978D
4D897D
377A6C
216B5C
1E6053
1A564A
174B40
144037
11362E
0D2B25
0A201C
071512
030B09
000000
FFFFFF
E8EFED
D2DEDC
BBCECA
A4BEB9
8EAEA7
779D95
608D84
497D72
336C61
1C5C4F
195347
164A3F
144037
11372F
0E2E28
0B2520
081C18
061210
030908
000000
FFFFFF
E8EDEC
D1DBD9
BACAC6
A3B8B3
8CA6A1
74948E
5D827B
467168
2F5F55
184D42
16453B
133E35
11362E
0E2E28
0C2721
0A1F1A
071714
050F0D
020807
000000
FFFFFF
E7ECEB
D0D8D6
B8C5C2
A1B1AE
899E9A
718B85
5A7771
42645D
2B5048
133D34
11372F
0F312A
0D2B24
0B251F
0A1F1A
081815
061210
040C0A
020605
000000
FFFFFF
E7EAE9
CFD5D4
B7C0BE
9FABA9
879793
6E827D
566D68
3E5852
26433D
0E2E27
0D2923
0B251F
0A201B
081C17
071714
061210
040E0C
030908
010504
000000
FFFFFF
E6E9E8
CED2D1
B5BCBA
9DA5A3
848F8D
6B7876
53625F
3A4B48
223531
091E1A
081B17
071815
061512
051210
050F0D
040C0A
030908
020605
010303
000000
FFFFFF
E6E7E7
CDCFCF
B4B7B6
9B9F9E
828786
686F6E
4F5756
363F3D
1D2725
040F0D
040E0C
030C0A
030B09
020908
020807
020605
010404
010303
000101
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