Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/309a84-44a490-59ae9c-6eb8a8-82c2b5-97ccc1-acd6cd-c0e0da-d5eae6-eaf4f2-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: 309A84
RGB: 48,154,132
Hex: 44A490
RGB: 68,164,144
Hex: 59AE9C
RGB: 89,174,156
Hex: 6EB8A8
RGB: 110,184,168
Hex: 82C2B5
RGB: 130,194,181
Hex: 97CCC1
RGB: 151,204,193
Hex: ACD6CD
RGB: 172,214,205
Hex: C0E0DA
RGB: 192,224,218
Hex: D5EAE6
RGB: 213,234,230
Hex: EAF4F2
RGB: 234,244,242
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
EAF5F3
D6EBE6
C1E1DA
ACD7CE
98CDC2
83C2B5
6EB8A9
59AE9D
45A490
309A84
2B8B77
267B6A
226C5C
1D5C4F
184D42
133E35
0E2E28
0A1F1A
050F0D
000000
FFFFFF
ECF6F4
DAEDE9
C7E4DE
B4DBD3
A2D2C8
8FC8BC
7CBFB1
69B6A6
57AD9B
44A490
3D9482
368373
307365
296256
225248
1B423A
14312B
0E211D
07100E
000000
FFFFFF
EEF7F5
DEEFEB
CDE7E1
BDDFD7
ACD7CE
9BCEC4
8BC6BA
7ABEB0
6AB6A6
59AE9C
509D8C
478B7D
3E7A6D
35685E
2D574E
24463E
1B342F
12231F
091110
000000
FFFFFF
F1F8F6
E2F1EE
D4EAE5
C5E3DC
B7DCD4
A8D4CB
9ACDC2
8BC6B9
7DBFB1
6EB8A8
63A697
589386
4D8176
426E65
375C54
2C4A43
213732
162522
0B1211
000000
FFFFFF
F3F9F8
E6F3F0
DAEDE9
CDE7E1
C1E1DA
B4DAD3
A8D4CB
9BCEC4
8FC8BC
82C2B5
75AFA3
689B91
5B887F
4E746D
41615B
344E48
273A36
1A2724
0D1312
000000
FFFFFF
F5FAF9
EAF5F3
E0F0EC
D5EBE6
CBE6E0
C1E0DA
B6DBD4
ACD6CD
A1D1C7
97CCC1
88B8AE
79A39A
6A8F87
5B7A74
4C6661
3C524D
2D3D3A
1E2927
0F1413
000000
FFFFFF
F7FBFA
EEF7F5
E6F3F0
DEEFEB
D6EBE6
CDE6E1
C5E2DC
BDDED7
B4DAD2
ACD6CD
9BC1B9
8AABA4
789690
67807B
566B67
455652
34403D
222B29
111514
000000
FFFFFF
F9FCFB
F2F9F8
ECF6F4
E6F3F0
E0F0ED
D9ECE9
D3E9E5
CDE6E1
C6E3DE
C0E0DA
ADCAC4
9AB3AE
869D99
738683
60706D
4D5A57
3A4341
262D2C
131616
000000
FFFFFF
FBFDFD
F7FBFA
F2F9F8
EEF7F5
EAF5F3
E6F2F0
E2F0EE
DDEEEB
D9ECE9
D5EAE6
C0D3CF
AABBB8
95A4A1
808C8A
6B7573
555E5C
404645
2B2F2E
151717
000000
FFFFFF
FDFEFE
FBFDFC
F9FCFB
F7FBFA
F5FAF9
F2F8F7
F0F7F6
EEF6F5
ECF5F3
EAF4F2
D3DCDA
BBC3C2
A4ABA9
8C9291
757A79
5E6261
464949
2F3130
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