Color Palette Generator


Color Scheme

Color Name













Palette Link (Permalink): https://www.colorxs.com/palette/editor/b1d2f2-b8d6f3-c0dbf4-c8dff5-d0e4f7-d8e8f8-dfedf9-e7f1fb-eff6fc-f7fafd-ffffff?scheme=

Saved Colors (Max 9)


Palette Color Variations




Hex: B1D2F2
RGB: 177,210,242
Hex: B8D6F3
RGB: 184,214,243
Hex: C0DBF4
RGB: 192,219,244
Hex: C8DFF5
RGB: 200,223,245
Hex: D0E4F7
RGB: 208,228,247
Hex: D8E8F8
RGB: 216,232,248
Hex: DFEDF9
RGB: 223,237,249
Hex: E7F1FB
RGB: 231,241,251
Hex: EFF6FC
RGB: 239,246,252
Hex: F7FAFD
RGB: 247,250,253
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
F7FBFE
EFF6FC
E8F2FB
E0EDFA
D8E9F9
D0E4F7
C8E0F6
C1DBF5
B9D7F3
B1D2F2
9FBDDA
8EA8C2
7C93A9
6A7E91
596979
475461
353F49
232A30
121518
000000
FFFFFF
F8FBFE
F1F7FD
EAF3FB
E3EFFA
DCEBF9
D4E6F8
CDE2F7
C6DEF5
BFDAF4
B8D6F3
A6C1DB
93ABC2
8196AA
6E8092
5C6B7A
4A5661
374049
252B31
121518
000000
FFFFFF
F9FBFE
F2F8FD
ECF4FC
E6F1FB
E0EDFA
D9E9F8
D3E6F7
CDE2F6
C6DFF5
C0DBF4
ADC5DC
9AAFC3
8699AB
738392
606E7A
4D5862
3A4249
262C31
131618
000000
FFFFFF
FAFCFE
F4F9FD
EFF5FC
E9F2FB
E4EFFA
DEECF9
D9E9F8
D3E5F7
CEE2F6
C8DFF5
B4C9DD
A0B2C4
8C9CAC
788693
64707B
505962
3C4349
282D31
141618
000000
FFFFFF
FAFCFE
F6FAFD
F1F7FD
ECF4FC
E8F2FB
E3EFFA
DEECF9
D9E9F9
D5E7F8
D0E4F7
BBCDDE
A6B6C6
92A0AD
7D8994
68727C
535B63
3E444A
2A2E31
151719
000000
FFFFFF
FBFDFE
F7FAFE
F3F8FD
EFF6FC
ECF4FC
E8F1FB
E4EFFA
E0EDF9
DCEAF9
D8E8F8
C2D1DF
ADBAC6
97A2AE
828B95
6C747C
565D63
41464A
2B2E32
161719
000000
FFFFFF
FCFDFE
F9FBFE
F5FAFD
F2F8FD
EFF6FC
ECF4FB
E9F2FB
E5F1FA
E2EFFA
DFEDF9
C9D5E0
B2BEC7
9CA6AE
868E95
70777D
595F64
43474B
2D2F32
161819
000000
FFFFFF
FDFEFF
FAFCFE
F8FBFE
F5F9FD
F3F8FD
F1F7FD
EEF5FC
ECF4FC
E9F2FB
E7F1FB
D0D9E2
B9C1C9
A2A9B0
8B9197
74797E
5C6064
45484B
2E3032
171819
000000
FFFFFF
FDFEFF
FCFDFE
FAFCFE
F9FBFE
F7FBFE
F5FAFD
F4F9FD
F2F8FD
F1F7FC
EFF6FC
D7DDE3
BFC5CA
A7ACB0
8F9497
787B7E
606265
484A4C
303132
181919
000000
FFFFFF
FEFFFF
FDFEFF
FDFEFE
FCFDFE
FBFDFE
FAFCFE
F9FCFE
F9FBFD
F8FBFD
F7FAFD
DEE1E4
C6C8CA
ADAFB1
949698
7C7D7F
636465
4A4B4C
313233
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