Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/b1d7cb-b8dbd0-c0dfd5-c8e3da-d0e7df-d8ebe5-dfefea-e7f3ef-eff7f4-f7fbf9-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: B1D7CB
RGB: 177,215,203
Hex: B8DBD0
RGB: 184,219,208
Hex: C0DFD5
RGB: 192,223,213
Hex: C8E3DA
RGB: 200,227,218
Hex: D0E7DF
RGB: 208,231,223
Hex: D8EBE5
RGB: 216,235,229
Hex: DFEFEA
RGB: 223,239,234
Hex: E7F3EF
RGB: 231,243,239
Hex: EFF7F4
RGB: 239,247,244
Hex: F7FBF9
RGB: 247,251,249
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
F7FBFA
EFF7F5
E8F3EF
E0EFEA
D8EBE5
D0E7E0
C8E3DB
C1DFD5
B9DBD0
B1D7CB
9FC2B7
8EACA2
7C978E
6A817A
596C66
475651
35403D
232B29
121514
000000
FFFFFF
F8FBFA
F1F8F6
EAF4F1
E3F1EC
DCEDE8
D4E9E3
CDE6DE
C6E2D9
BFDFD5
B8DBD0
A6C5BB
93AFA6
819992
6E837D
5C6E68
4A5853
37423E
252C2A
121615
000000
FFFFFF
F9FCFB
F2F9F7
ECF5F2
E6F2EE
E0EFEA
D9ECE6
D3E9E2
CDE5DD
C6E2D9
C0DFD5
ADC9C0
9AB2AA
869C95
738680
60706B
4D5955
3A4340
262D2B
131615
000000
FFFFFF
FAFCFB
F4F9F8
EFF7F4
E9F4F0
E4F1ED
DEEEE9
D9EBE5
D3E9E1
CEE6DE
C8E3DA
B4CCC4
A0B6AE
8C9F99
788883
64726D
505B57
3C4441
282D2C
141716
000000
FFFFFF
FAFDFC
F6FAF9
F1F8F5
ECF5F2
E8F3EF
E3F1EC
DEEEE9
D9ECE5
D5E9E2
D0E7DF
BBD0C9
A6B9B2
92A29C
7D8B86
687470
535C59
3E4543
2A2E2D
151716
000000
FFFFFF
FBFDFC
F7FBFA
F3F9F7
EFF7F5
ECF5F2
E8F3EF
E4F1ED
E0EFEA
DCEDE8
D8EBE5
C2D4CE
ADBCB7
97A5A0
828D89
6C7673
565E5C
414645
2B2F2E
161717
000000
FFFFFF
FCFDFD
F9FCFB
F5FAF9
F2F9F7
EFF7F5
ECF5F2
E9F4F0
E5F2EE
E2F1EC
DFEFEA
C9D7D3
B2BFBB
9CA7A4
868F8C
707875
59605E
434846
2D302F
161817
000000
FFFFFF
FDFEFD
FAFDFC
F8FBFA
F5FAF9
F3F9F7
F1F8F5
EEF7F4
ECF5F2
E9F4F1
E7F3EF
D0DBD7
B9C2BF
A2AAA7
8B928F
747A78
5C6160
454948
2E3130
171818
000000
FFFFFF
FDFEFE
FCFDFD
FAFDFC
F9FCFB
F7FBFA
F5FAF8
F4F9F7
F2F9F6
F1F8F5
EFF7F4
D7DEDC
BFC6C3
A7ADAB
8F9492
787C7A
606362
484A49
303131
181918
000000
FFFFFF
FEFFFE
FDFEFE
FDFEFD
FCFDFD
FBFDFC
FAFDFB
F9FCFB
F9FCFA
F8FBFA
F7FBF9
DEE2E0
C6C9C7
ADB0AE
949795
7C7E7D
636464
4A4B4B
313232
191919
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