Appearance
30 Pastel Color Palettes & Code
Explore 30 expertly curated pastel color palettes, featuring diverse thematic schemes including soft, dreamy, gentle, and calming designs. A comprehensive color inspiration library for UI design, branding, fashion, and interior design.
Pastel Colors
Baby Pink →
HEX#F4C2C2
RGBrgb(244, 194, 194)
Mint Green →
HEX#98FF98
RGBrgb(152, 255, 152)
Lavender →
HEX#E6E6FA
RGBrgb(230, 230, 250)
Baby Blue →
HEX#89CFF0
RGBrgb(137, 207, 240)
Peach →
HEX#FFDAB9
RGBrgb(255, 218, 185)
Lemon Chiffon →
HEX#FFFACD
RGBrgb(255, 250, 205)
Powder Blue →
HEX#B0E0E6
RGBrgb(176, 224, 230)
Pale Green →
HEX#98FB98
RGBrgb(152, 251, 152)
Light Pink →
HEX#FFB6C1
RGBrgb(255, 182, 193)
Beige Pink →
HEX#FDD7E4
RGBrgb(253, 215, 228)
Sky Blue →
HEX#87CEEB
RGBrgb(135, 206, 235)
Seafoam Green →
HEX#93E9BE
RGBrgb(147, 233, 190)
Pale Yellow →
HEX#FFFFE0
RGBrgb(255, 255, 224)
Pale Purple →
HEX#FAE6FA
RGBrgb(250, 230, 250)
Rose Quartz →
HEX#F7CAC9
RGBrgb(247, 202, 201)
Serenity Blue →
HEX#91A8D0
RGBrgb(145, 168, 208)
Pale Orange →
HEX#FFD8B1
RGBrgb(255, 216, 177)
Dusty Rose →
HEX#DCAE96
RGBrgb(220, 174, 150)
Ice Blue →
HEX#99FFFF
RGBrgb(153, 255, 255)
Pale Coral →
HEX#F08080
RGBrgb(240, 128, 128)
Pastel Color Palettes
Click on any color below to view a complete color palette generated from that base color. Each palette is algorithmically created to harmonize with the selected pastel hue.
Baby Pink
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FBE9E9
Light
#F9DCDC
Medium Light
#F7CFCF
Medium
#F4C2C2
Medium Dark
#E9938B
Dark
#D86458
Darkest
#C32B27
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#F4C2C2
Left Dark
#F5CFCF
Left Medium
#F6DBDB
Left Light
#F6E8E8
Neutral
#F5F5F5
Right Light
#E9F5F5
Right Medium
#DCF5F4
Right Dark
#CFF4F4
Complementary End
#C2F4F4
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FBE0E0
Medium
#F4C2C2
Dark
#815657
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#F4C2F4
Left Adjacent 1
#F4C2DB
Main
#F4C2C2
Right Adjacent 1
#F4DBC2
Right Adjacent 2
#F4F4C2
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#F4C2C2
Complementary
#C2F4F4
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#F4C2C2
Secondary
#C2F4C2
Tertiary
#C2C2F4
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#F4C2C2
Right 90°
#DBF4C2
Complementary
#C2F4F4
Left 90°
#DBC2F4
Tetradic
Two pairs of complementary colors
4 colors
Main
#F4C2C2
Secondary
#F4F4C2
Complementary
#C2F4F4
Complementary Secondary
#C2C2F4
Split Complementary
Complementary colors ±30°
3 colors
Main
#F4C2C2
Split Left
#C2F4DB
Split Right
#C2DBF4
Cyclic
Circular gradient for periodic data
8 colors
0°
#F4C2C2
45°
#F4E8C2
90°
#DBF4C2
135°
#C2F4CF
180°
#C2F4F4
225°
#C2CFF4
270°
#DBC2F4
315°
#F4C2E8
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C2A3A3
Pastel 1
#CBAFAF
Pastel 2
#D3BBBB
Pastel 3
#DBC8C8
Pastel 4
#E3D4D4
Deep Pastel
#EBE0E0
Mint Green
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E5FFE5
Light
#CEFFCC
Medium Light
#B4FFB2
Medium
#98FF98
Medium Dark
#79ED72
Dark
#56DC4B
Darkest
#20CA15
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#98FF98
Left Dark
#B3FDB0
Left Medium
#CBFBC7
Left Light
#E0F8DE
Neutral
#F5F5F5
Right Light
#F9DFF8
Right Medium
#FCC8FB
Right Dark
#FEB1FD
Complementary End
#FF98FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#CFFFCC
Medium
#98FF98
Dark
#007F22
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFFF98
Left Adjacent 1
#CCFF98
Main
#98FF98
Right Adjacent 1
#98FFCC
Right Adjacent 2
#98FFFF
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#98FF98
Complementary
#FF98FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#98FF98
Secondary
#9898FF
Tertiary
#FF9898
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#98FF98
Right 90°
#98CBFF
Complementary
#FF98FF
Left 90°
#FFCC98
Tetradic
Two pairs of complementary colors
4 colors
Main
#98FF98
Secondary
#98FFFF
Complementary
#FF98FF
Complementary Secondary
#FF9898
Split Complementary
Complementary colors ±30°
3 colors
Main
#98FF98
Split Left
#CB98FF
Split Right
#FF98CC
Cyclic
Circular gradient for periodic data
8 colors
0°
#98FF98
45°
#98FFE5
90°
#98CBFF
135°
#B298FF
180°
#FF98FF
225°
#FF98B2
270°
#FFCC98
315°
#E5FF98
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9CC99C
Pastel 1
#A9D1A9
Pastel 2
#B6D8B6
Pastel 3
#C3DFC3
Pastel 4
#D1E6D1
Deep Pastel
#DEEDDE
Lavender
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#EAEAFB
Light
#E9E8FB
Medium Light
#E7E7FA
Medium
#E6E6FA
Medium Dark
#B8ABEE
Dark
#8573E1
Darkest
#403DD3
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#E6E6FA
Left Dark
#EAEAF9
Left Medium
#EEEDF8
Left Light
#F1F1F6
Neutral
#F5F5F5
Right Light
#F6F6F1
Right Medium
#F8F7EE
Right Dark
#F9F9EA
Complementary End
#FAFAE6
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#F3F2FD
Medium
#E6E6FA
Dark
#6B6B7D
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#E6FAFA
Left Adjacent 1
#E6F0FA
Main
#E6E6FA
Right Adjacent 1
#F0E6FA
Right Adjacent 2
#FAE6FA
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#E6E6FA
Complementary
#FAFAE6
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#E6E6FA
Secondary
#FAE6E6
Tertiary
#E6FAE6
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#E6E6FA
Right 90°
#FAE6F0
Complementary
#FAFAE6
Left 90°
#E6FAF0
Tetradic
Two pairs of complementary colors
4 colors
Main
#E6E6FA
Secondary
#FAE6FA
Complementary
#FAFAE6
Complementary Secondary
#E6FAE6
Split Complementary
Complementary colors ±30°
3 colors
Main
#E6E6FA
Split Left
#FAF0E6
Split Right
#F0FAE6
Cyclic
Circular gradient for periodic data
8 colors
0°
#E6E6FA
45°
#F5E6FA
90°
#FAE6F0
135°
#FAEBE6
180°
#FAFAE6
225°
#EBFAE6
270°
#E6FAF0
315°
#E6F5FA
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A3A3C2
Pastel 1
#AFAFCA
Pastel 2
#BCBCD2
Pastel 3
#C8C8DA
Pastel 4
#D4D4E2
Deep Pastel
#E0E0EB
Baby Blue
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E3F4FC
Light
#C7E7F8
Medium Light
#AADBF4
Medium
#89CFF0
Medium Dark
#6AADD0
Dark
#4C8DB2
Darkest
#2B6E94
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#89CFF0
Left Dark
#A7D8F1
Left Medium
#C3E2F3
Left Light
#DCEBF4
Neutral
#F5F5F5
Right Light
#F6E2D9
Right Medium
#F6CFBE
Right Dark
#F4BDA3
Complementary End
#F0AA89
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#C7E7F8
Medium
#89CFF0
Dark
#066683
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#89F0AA
Left Adjacent 1
#89F0DE
Main
#89CFF0
Right Adjacent 1
#899CF0
Right Adjacent 2
#AA89F0
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#89CFF0
Complementary
#F0AA89
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#89CFF0
Secondary
#F089CF
Tertiary
#CFF089
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#89CFF0
Right 90°
#DD89F0
Complementary
#F0AA89
Left 90°
#9CF089
Tetradic
Two pairs of complementary colors
4 colors
Main
#89CFF0
Secondary
#AA89F0
Complementary
#F0AA89
Complementary Secondary
#CFF089
Split Complementary
Complementary colors ±30°
3 colors
Main
#89CFF0
Split Left
#F0899C
Split Right
#F0DD89
Cyclic
Circular gradient for periodic data
8 colors
0°
#89CFF0
45°
#9089F0
90°
#DD89F0
135°
#F089B5
180°
#F0AA89
225°
#E9F089
270°
#9CF089
315°
#89F0C4
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A1B9C4
Pastel 1
#ADC2CC
Pastel 2
#BACCD4
Pastel 3
#C6D5DC
Pastel 4
#D3DEE4
Deep Pastel
#E0E8EB
Peach
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFF2E5
Light
#FFEAD7
Medium Light
#FFE2C8
Medium
#FFDAB9
Medium Dark
#FDB784
Dark
#F5954F
Darkest
#E97110
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFDAB9
Left Dark
#FDE1C8
Left Medium
#FBE7D7
Left Light
#F8EEE6
Neutral
#F5F5F5
Right Light
#E7EFF8
Right Medium
#D8E9FA
Right Dark
#C9E4FD
Complementary End
#B9DEFF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFECDC
Medium
#FFDAB9
Dark
#826447
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFB9DE
Left Adjacent 1
#FFB9BB
Main
#FFDAB9
Right Adjacent 1
#FFFDB9
Right Adjacent 2
#DEFFB9
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFDAB9
Complementary
#B9DEFF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFDAB9
Secondary
#B9FFDA
Tertiary
#DAB9FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFDAB9
Right 90°
#BBFFB9
Complementary
#B9DEFF
Left 90°
#FDB9FF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFDAB9
Secondary
#DEFFB9
Complementary
#B9DEFF
Complementary Secondary
#DAB9FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFDAB9
Split Left
#B9FFFD
Split Right
#B9BBFF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFDAB9
45°
#F0FFB9
90°
#BBFFB9
135°
#B9FFEC
180°
#B9DEFF
225°
#C8B9FF
270°
#FDB9FF
315°
#FFB9CC
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9B19C
Pastel 1
#D1BCA9
Pastel 2
#D8C6B6
Pastel 3
#DFD0C3
Pastel 4
#E6DBD1
Deep Pastel
#EDE5DE
Lemon Chiffon
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFFCE5
Light
#FFFCDD
Medium Light
#FFFBD5
Medium
#FFFACD
Medium Dark
#FFF39C
Dark
#FFEC69
Darkest
#FFE520
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFFACD
Left Dark
#FDF9D7
Left Medium
#FBF7E1
Left Light
#F8F6EB
Neutral
#F5F5F5
Right Light
#EBECF8
Right Medium
#E2E3FA
Right Dark
#D7DBFD
Complementary End
#CDD2FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFFCE6
Medium
#FFFACD
Dark
#79764E
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFCDD2
Left Adjacent 1
#FFE1CD
Main
#FFFACD
Right Adjacent 1
#EBFFCD
Right Adjacent 2
#D2FFCD
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFFACD
Complementary
#CDD2FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFFACD
Secondary
#CDFFFA
Tertiary
#FACDFF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFFACD
Right 90°
#CDFFE1
Complementary
#CDD2FF
Left 90°
#FFCDEB
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFFACD
Secondary
#D2FFCD
Complementary
#CDD2FF
Complementary Secondary
#FACDFF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFFACD
Split Left
#CDEBFF
Split Right
#E1CDFF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFFACD
45°
#DFFFCD
90°
#CDFFE1
135°
#CDF7FF
180°
#CDD2FF
225°
#EECDFF
270°
#FFCDEB
315°
#FFD5CD
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9C59C
Pastel 1
#D1CDA9
Pastel 2
#D8D4B6
Pastel 3
#DFDCC3
Pastel 4
#E6E4D1
Deep Pastel
#EDECDE
Powder Blue
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#ECF7F9
Light
#D8F0F3
Medium Light
#C4E8EC
Medium
#B0E0E6
Medium Dark
#8CC3CB
Dark
#68A8B0
Darkest
#428C96
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#B0E0E6
Left Dark
#C2E5EA
Left Medium
#D3EBED
Left Light
#E4F0F1
Neutral
#F5F5F5
Right Light
#F2E5E3
Right Medium
#EFD5D2
Right Dark
#EBC6C1
Complementary End
#E6B6B0
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#D8F0F2
Medium
#B0E0E6
Dark
#3F6D72
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#B0E6B6
Left Adjacent 1
#B0E6D1
Main
#B0E0E6
Right Adjacent 1
#B0C5E6
Right Adjacent 2
#B6B0E6
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#B0E0E6
Complementary
#E6B6B0
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#B0E0E6
Secondary
#E6B0E0
Tertiary
#E0E6B0
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#B0E0E6
Right 90°
#D1B0E6
Complementary
#E6B6B0
Left 90°
#C5E6B0
Tetradic
Two pairs of complementary colors
4 colors
Main
#B0E0E6
Secondary
#B6B0E6
Complementary
#E6B6B0
Complementary Secondary
#E0E6B0
Split Complementary
Complementary colors ±30°
3 colors
Main
#B0E0E6
Split Left
#E6B0C5
Split Right
#E6D1B0
Cyclic
Circular gradient for periodic data
8 colors
0°
#B0E0E6
45°
#B0B8E6
90°
#D1B0E6
135°
#E6B0D3
180°
#E6B6B0
225°
#E6DEB0
270°
#C5E6B0
315°
#B0E6C3
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A7BCBE
Pastel 1
#B2C5C7
Pastel 2
#BECED0
Pastel 3
#CAD7D8
Pastel 4
#D6E0E1
Deep Pastel
#E2E9E9
Pale Green
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E6FEE6
Light
#CEFECC
Medium Light
#B5FDB2
Medium
#98FB98
Medium Dark
#78E772
Dark
#55D34B
Darkest
#21BF18
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#98FB98
Left Dark
#B2FAB0
Left Medium
#CAF9C7
Left Light
#E0F7DE
Neutral
#F5F5F5
Right Light
#F8DFF7
Right Medium
#FAC8F8
Right Dark
#FBB1FA
Complementary End
#FB98FB
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#CFFECC
Medium
#98FB98
Dark
#037D24
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FBFB98
Left Adjacent 1
#CAFB98
Main
#98FB98
Right Adjacent 1
#98FBCA
Right Adjacent 2
#98FBFB
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#98FB98
Complementary
#FB98FB
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#98FB98
Secondary
#9898FB
Tertiary
#FB9898
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#98FB98
Right 90°
#98C9FB
Complementary
#FB98FB
Left 90°
#FBCA98
Tetradic
Two pairs of complementary colors
4 colors
Main
#98FB98
Secondary
#98FBFB
Complementary
#FB98FB
Complementary Secondary
#FB9898
Split Complementary
Complementary colors ±30°
3 colors
Main
#98FB98
Split Left
#C998FB
Split Right
#FB98CA
Cyclic
Circular gradient for periodic data
8 colors
0°
#98FB98
45°
#98FBE2
90°
#98C9FB
135°
#B198FB
180°
#FB98FB
225°
#FB98B1
270°
#FBCA98
315°
#E2FB98
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9DC89D
Pastel 1
#AACFAA
Pastel 2
#B7D6B7
Pastel 3
#C4DEC4
Pastel 4
#D1E5D1
Deep Pastel
#DEEDDE
Light Pink
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFE5E9
Light
#FFD6DC
Medium Light
#FFC6CE
Medium
#FFB6C1
Medium Dark
#FC8B8B
Dark
#F45D58
Darkest
#E51726
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFB6C1
Left Dark
#FEC6CE
Left Medium
#FCD6DB
Left Light
#F9E5E8
Neutral
#F5F5F5
Right Light
#E7F8F5
Right Medium
#D7FAF4
Right Dark
#C7FDF4
Complementary End
#B6FFF4
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFDBE0
Medium
#FFB6C1
Dark
#8C4D58
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#F4B6FF
Left Adjacent 1
#FFB6E5
Main
#FFB6C1
Right Adjacent 1
#FFD0B6
Right Adjacent 2
#FFF4B6
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFB6C1
Complementary
#B6FFF4
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFB6C1
Secondary
#C1FFB6
Tertiary
#B6C1FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFB6C1
Right 90°
#E5FFB6
Complementary
#B6FFF4
Left 90°
#D0B6FF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFB6C1
Secondary
#FFF4B6
Complementary
#B6FFF4
Complementary Secondary
#B6C1FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFB6C1
Split Left
#B6FFD0
Split Right
#B6E5FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFB6C1
45°
#FFE2B6
90°
#E5FFB6
135°
#B6FFBD
180°
#B6FFF4
225°
#B6D3FF
270°
#D0B6FF
315°
#FFB6F8
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C99CA2
Pastel 1
#D1A9AF
Pastel 2
#D8B6BB
Pastel 3
#DFC3C7
Pastel 4
#E6D1D4
Deep Pastel
#EDDEE0
Beige Pink
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FEE7EF
Light
#FEE1EB
Medium Light
#FDDCE8
Medium
#FDD7E4
Medium Dark
#FFA5B6
Dark
#FA708B
Darkest
#EF2562
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FDD7E4
Left Dark
#FBDFE8
Left Medium
#F9E6EC
Left Light
#F7EEF1
Neutral
#F5F5F5
Right Light
#EEF7F4
Right Medium
#E6F9F2
Right Dark
#DFFBF1
Complementary End
#D7FDF0
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FEEBF1
Medium
#FDD7E4
Dark
#82616D
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#F0D7FD
Left Adjacent 1
#FDD7F7
Main
#FDD7E4
Right Adjacent 1
#FDDDD7
Right Adjacent 2
#FDF0D7
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FDD7E4
Complementary
#D7FDF0
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FDD7E4
Secondary
#E4FDD7
Tertiary
#D7E4FD
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FDD7E4
Right 90°
#F7FDD7
Complementary
#D7FDF0
Left 90°
#DDD7FD
Tetradic
Two pairs of complementary colors
4 colors
Main
#FDD7E4
Secondary
#FDF0D7
Complementary
#D7FDF0
Complementary Secondary
#D7E4FD
Split Complementary
Complementary colors ±30°
3 colors
Main
#FDD7E4
Split Left
#D7FDDD
Split Right
#D7F7FD
Cyclic
Circular gradient for periodic data
8 colors
0°
#FDD7E4
45°
#FDE7D7
90°
#F7FDD7
135°
#DBFDD7
180°
#D7FDF0
225°
#D7EEFD
270°
#DDD7FD
315°
#F9D7FD
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C79EAC
Pastel 1
#CFABB7
Pastel 2
#D6B8C2
Pastel 3
#DEC5CD
Pastel 4
#E5D2D8
Deep Pastel
#ECDFE3
Sky Blue
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#DEF2FA
Light
#C3E6F5
Medium Light
#A6DAF0
Medium
#87CEEB
Medium Dark
#69ACC9
Dark
#4B8BA9
Darkest
#2D6B89
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#87CEEB
Left Dark
#A6D8EE
Left Medium
#C1E1F0
Left Light
#DCEBF3
Neutral
#F5F5F5
Right Light
#F5E1D9
Right Medium
#F3CCBD
Right Dark
#F0B8A2
Complementary End
#EBA487
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#C6E6F5
Medium
#87CEEB
Dark
#05667F
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#87EBA4
Left Adjacent 1
#87EBD6
Main
#87CEEB
Right Adjacent 1
#879CEB
Right Adjacent 2
#A487EB
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#87CEEB
Complementary
#EBA487
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#87CEEB
Secondary
#EB87CE
Tertiary
#CEEB87
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#87CEEB
Right 90°
#D687EB
Complementary
#EBA487
Left 90°
#9CEB87
Tetradic
Two pairs of complementary colors
4 colors
Main
#87CEEB
Secondary
#A487EB
Complementary
#EBA487
Complementary Secondary
#CEEB87
Split Complementary
Complementary colors ±30°
3 colors
Main
#87CEEB
Split Left
#EB879C
Split Right
#EBD687
Cyclic
Circular gradient for periodic data
8 colors
0°
#87CEEB
45°
#8B87EB
90°
#D687EB
135°
#EB87B5
180°
#EBA487
225°
#E7EB87
270°
#9CEB87
315°
#87EBBD
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A2B9C3
Pastel 1
#AEC3CB
Pastel 2
#BBCCD3
Pastel 3
#C7D5DB
Pastel 4
#D4DFE3
Deep Pastel
#E0E8EB
Seafoam Green
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E8FAF1
Light
#CDF5E0
Medium Light
#B1EFCF
Medium
#93E9BE
Medium Dark
#72CB9C
Dark
#51AE7B
Darkest
#2C915B
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#93E9BE
Left Dark
#AEECCC
Left Medium
#C6F0D9
Left Light
#DEF2E7
Neutral
#F5F5F5
Right Light
#F4DDE7
Right Medium
#F1C4D9
Right Dark
#EEACCC
Complementary End
#E993BE
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#CBF5DE
Medium
#93E9BE
Dark
#18744F
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#BEE993
Left Adjacent 1
#93E993
Main
#93E9BE
Right Adjacent 1
#93E9E9
Right Adjacent 2
#93BEE9
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#93E9BE
Complementary
#E993BE
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#93E9BE
Secondary
#BE93E9
Tertiary
#E9BE93
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#93E9BE
Right 90°
#9393E9
Complementary
#E993BE
Left 90°
#E9E993
Tetradic
Two pairs of complementary colors
4 colors
Main
#93E9BE
Secondary
#93BEE9
Complementary
#E993BE
Complementary Secondary
#E9BE93
Split Complementary
Complementary colors ±30°
3 colors
Main
#93E9BE
Split Left
#E993E9
Split Right
#E99393
Cyclic
Circular gradient for periodic data
8 colors
0°
#93E9BE
45°
#93D4E9
90°
#9393E9
135°
#D493E9
180°
#E993BE
225°
#E9A993
270°
#E9E993
315°
#A8E993
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A3C2B3
Pastel 1
#B0CABD
Pastel 2
#BCD2C7
Pastel 3
#C8DAD1
Pastel 4
#D4E2DB
Deep Pastel
#E0EBE5
Pale Yellow
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFFFE5
Light
#FFFFE4
Medium Light
#FFFFE2
Medium
#FFFFE0
Medium Dark
#FFFFAD
Dark
#FFFF76
Darkest
#FFFF2A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFFFE0
Left Dark
#FDFCE5
Left Medium
#FAFAEB
Left Light
#F8F7F0
Neutral
#F5F5F5
Right Light
#F0F0F8
Right Medium
#EBEAFA
Right Dark
#E5E5FD
Complementary End
#E0E0FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFFFF0
Medium
#FFFFE0
Dark
#77785D
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFE0E0
Left Adjacent 1
#FFF0E0
Main
#FFFFE0
Right Adjacent 1
#F0FFE0
Right Adjacent 2
#E0FFE0
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFFFE0
Complementary
#E0E0FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFFFE0
Secondary
#E0FFFF
Tertiary
#FFE0FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFFFE0
Right 90°
#E0FFF0
Complementary
#E0E0FF
Left 90°
#FFE0F0
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFFFE0
Secondary
#E0FFE0
Complementary
#E0E0FF
Complementary Secondary
#FFE0FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFFFE0
Split Left
#E0F0FF
Split Right
#F0E0FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFFFE0
45°
#E8FFE0
90°
#E0FFF0
135°
#E0F7FF
180°
#E0E0FF
225°
#F7E0FF
270°
#FFE0F0
315°
#FFE8E0
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9C99C
Pastel 1
#D1D1A9
Pastel 2
#D8D8B6
Pastel 3
#DFDFC3
Pastel 4
#E6E6D1
Deep Pastel
#EDEDDE
Pale Purple
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FBEAFB
Light
#FBE9FB
Medium Light
#FAE7FA
Medium
#FAE6FA
Medium Dark
#F1B4EE
Dark
#E580E2
Darkest
#D542D5
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FAE6FA
Left Dark
#F9EAF9
Left Medium
#F8EEF8
Left Light
#F6F1F6
Neutral
#F5F5F5
Right Light
#F1F6F1
Right Medium
#EEF8EE
Right Dark
#EAF9EA
Complementary End
#E6FAE6
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FDF2FD
Medium
#FAE6FA
Dark
#7B697B
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#E6E6FA
Left Adjacent 1
#F0E6FA
Main
#FAE6FA
Right Adjacent 1
#FAE6F0
Right Adjacent 2
#FAE6E6
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FAE6FA
Complementary
#E6FAE6
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FAE6FA
Secondary
#FAFAE6
Tertiary
#E6FAFA
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FAE6FA
Right 90°
#FAF0E6
Complementary
#E6FAE6
Left 90°
#E6F0FA
Tetradic
Two pairs of complementary colors
4 colors
Main
#FAE6FA
Secondary
#FAE6E6
Complementary
#E6FAE6
Complementary Secondary
#E6FAFA
Split Complementary
Complementary colors ±30°
3 colors
Main
#FAE6FA
Split Left
#F0FAE6
Split Right
#E6FAF0
Cyclic
Circular gradient for periodic data
8 colors
0°
#FAE6FA
45°
#FAE6EB
90°
#FAF0E6
135°
#F5FAE6
180°
#E6FAE6
225°
#E6FAF5
270°
#E6F0FA
315°
#EBE6FA
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C2A3C2
Pastel 1
#CAAFCA
Pastel 2
#D2BCD2
Pastel 3
#DAC8DA
Pastel 4
#E2D4E2
Deep Pastel
#EBE0EB
Rose Quartz
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FCE9E9
Light
#FADFDE
Medium Light
#F9D4D3
Medium
#F7CAC9
Medium Dark
#F19A8F
Dark
#E46858
Darkest
#D12B23
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#F7CAC9
Left Dark
#F7D5D4
Left Medium
#F7E0DF
Left Light
#F6EAEA
Neutral
#F5F5F5
Right Light
#EBF5F5
Right Medium
#E0F6F6
Right Dark
#D5F6F6
Complementary End
#C9F6F7
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FCE4E4
Medium
#F7CAC9
Dark
#815B5A
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#F7C9F6
Left Adjacent 1
#F7C9DF
Main
#F7CAC9
Right Adjacent 1
#F7E1C9
Right Adjacent 2
#F6F7C9
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#F7CAC9
Complementary
#C9F6F7
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#F7CAC9
Secondary
#C9F7CA
Tertiary
#CAC9F7
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#F7CAC9
Right 90°
#DFF7C9
Complementary
#C9F6F7
Left 90°
#E1C9F7
Tetradic
Two pairs of complementary colors
4 colors
Main
#F7CAC9
Secondary
#F6F7C9
Complementary
#C9F6F7
Complementary Secondary
#CAC9F7
Split Complementary
Complementary colors ±30°
3 colors
Main
#F7CAC9
Split Left
#C9F7E1
Split Right
#C9DFF7
Cyclic
Circular gradient for periodic data
8 colors
0°
#F7CAC9
45°
#F7ECC9
90°
#DFF7C9
135°
#C9F7D6
180°
#C9F6F7
225°
#C9D4F7
270°
#E1C9F7
315°
#F7C9EB
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C4A2A1
Pastel 1
#CBAFAE
Pastel 2
#D3BBBA
Pastel 3
#DBC7C7
Pastel 4
#E3D4D3
Deep Pastel
#EBE0E0
Serenity Blue
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E9F1FE
Light
#CCD8EF
Medium Light
#AFC0DF
Medium
#91A8D0
Medium Dark
#7084AA
Dark
#506286
Darkest
#324263
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#91A8D0
Left Dark
#AABBD9
Left Medium
#C3CEE3
Left Light
#DCE1EC
Neutral
#F5F5F5
Right Light
#EDE6DB
Right Medium
#E4D7C2
Right Dark
#DAC8A9
Complementary End
#D0B991
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#C8D3E7
Medium
#91A8D0
Dark
#395275
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#91D0B9
Left Adjacent 1
#91C7D0
Main
#91A8D0
Right Adjacent 1
#9991D0
Right Adjacent 2
#B991D0
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#91A8D0
Complementary
#D0B991
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#91A8D0
Secondary
#D091A8
Tertiary
#A8D091
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#91A8D0
Right 90°
#D091C7
Complementary
#D0B991
Left 90°
#91D09A
Tetradic
Two pairs of complementary colors
4 colors
Main
#91A8D0
Secondary
#B991D0
Complementary
#D0B991
Complementary Secondary
#A8D091
Split Complementary
Complementary colors ±30°
3 colors
Main
#91A8D0
Split Left
#D09A91
Split Right
#C7D091
Cyclic
Circular gradient for periodic data
8 colors
0°
#91A8D0
45°
#A991D0
90°
#D091C7
135°
#D09198
180°
#D0B991
225°
#B8D091
270°
#91D09A
315°
#91D0C9
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A9B0BC
Pastel 1
#B5BBC5
Pastel 2
#C0C5CE
Pastel 3
#CCD0D7
Pastel 4
#D7DAE0
Deep Pastel
#E2E5E9
Pale Orange
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFF2E5
Light
#FFE9D4
Medium Light
#FFE1C2
Medium
#FFD8B1
Medium Dark
#F9B67F
Dark
#EF954D
Darkest
#E17411
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFD8B1
Left Dark
#FEDFC2
Left Medium
#FBE6D3
Left Light
#F9EEE4
Neutral
#F5F5F5
Right Light
#E5EEF8
Right Medium
#D5E6FA
Right Dark
#C3DFFD
Complementary End
#B1D8FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFEBD8
Medium
#FFD8B1
Dark
#826341
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFB1D8
Left Adjacent 1
#FFB1B1
Main
#FFD8B1
Right Adjacent 1
#FFFFB1
Right Adjacent 2
#D8FFB1
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFD8B1
Complementary
#B1D8FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFD8B1
Secondary
#B1FFD8
Tertiary
#D8B1FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFD8B1
Right 90°
#B1FFB1
Complementary
#B1D8FF
Left 90°
#FFB1FF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFD8B1
Secondary
#D8FFB1
Complementary
#B1D8FF
Complementary Secondary
#D8B1FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFD8B1
Split Left
#B1FFFF
Split Right
#B1B1FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFD8B1
45°
#ECFFB1
90°
#B1FFB1
135°
#B1FFEC
180°
#B1D8FF
225°
#C5B1FF
270°
#FFB1FF
315°
#FFB1C4
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9B39C
Pastel 1
#D1BDA9
Pastel 2
#D8C7B6
Pastel 3
#DFD1C3
Pastel 4
#E6DBD1
Deep Pastel
#EDE5DE
Dusty Rose
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F6E9E3
Light
#EED5C8
Medium Light
#E5C1AF
Medium
#DCAE96
Medium Dark
#BB8A71
Dark
#9A684F
Darkest
#79482E
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#DCAE96
Left Dark
#E3BFAD
Left Medium
#EAD1C5
Left Light
#F0E3DD
Neutral
#F5F5F5
Right Light
#DEE9EF
Right Medium
#C7DCE9
Right Dark
#AFD0E2
Complementary End
#96C4DC
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#EFD6C9
Medium
#DCAE96
Dark
#754F3A
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#DC96C4
Left Adjacent 1
#DC96A1
Main
#DCAE96
Right Adjacent 1
#DCD196
Right Adjacent 2
#C4DC96
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#DCAE96
Complementary
#96C4DC
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#DCAE96
Secondary
#96DCAE
Tertiary
#AE96DC
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#DCAE96
Right 90°
#A1DC96
Complementary
#96C4DC
Left 90°
#D196DC
Tetradic
Two pairs of complementary colors
4 colors
Main
#DCAE96
Secondary
#C4DC96
Complementary
#96C4DC
Complementary Secondary
#AE96DC
Split Complementary
Complementary colors ±30°
3 colors
Main
#DCAE96
Split Left
#96DCD1
Split Right
#96A1DC
Cyclic
Circular gradient for periodic data
8 colors
0°
#DCAE96
45°
#D6DC96
90°
#A1DC96
135°
#96DCC0
180°
#96C4DC
225°
#9D96DC
270°
#D196DC
315°
#DC96B3
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BEAFA7
Pastel 1
#C7BAB3
Pastel 2
#CFC4BE
Pastel 3
#D8CFCA
Pastel 4
#E1DAD6
Deep Pastel
#E9E4E2
Ice Blue
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E5FFFF
Light
#CEFFFF
Medium Light
#B5FFFF
Medium
#99FFFF
Medium Dark
#7CEDED
Dark
#5DDCDC
Darkest
#36CBCA
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#99FFFF
Left Dark
#B4FDFC
Left Medium
#CCFAFA
Left Light
#E1F8F7
Neutral
#F5F5F5
Right Light
#FBDEDD
Right Medium
#FEC8C6
Right Dark
#FFB1AF
Complementary End
#FF9999
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#D1FFFF
Medium
#99FFFF
Dark
#007D7E
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#99FF99
Left Adjacent 1
#99FFCC
Main
#99FFFF
Right Adjacent 1
#99CCFF
Right Adjacent 2
#9999FF
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#99FFFF
Complementary
#FF9999
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#99FFFF
Secondary
#FF99FF
Tertiary
#FFFF99
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#99FFFF
Right 90°
#CC99FF
Complementary
#FF9999
Left 90°
#CCFF99
Tetradic
Two pairs of complementary colors
4 colors
Main
#99FFFF
Secondary
#9999FF
Complementary
#FF9999
Complementary Secondary
#FFFF99
Split Complementary
Complementary colors ±30°
3 colors
Main
#99FFFF
Split Left
#FF99CC
Split Right
#FFCC99
Cyclic
Circular gradient for periodic data
8 colors
0°
#99FFFF
45°
#99B3FF
90°
#CC99FF
135°
#FF99E5
180°
#FF9999
225°
#FFE699
270°
#CCFF99
315°
#99FFB3
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9CC9C9
Pastel 1
#A9D1D1
Pastel 2
#B6D8D8
Pastel 3
#C3DFDF
Pastel 4
#D1E6E6
Deep Pastel
#DEEDED
Pale Coral
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FBDBDB
Light
#FABDBC
Medium Light
#F69F9D
Medium
#F08080
Medium Dark
#D05F5A
Dark
#B03E37
Darkest
#8F1915
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#F08080
Left Dark
#F59E9C
Left Medium
#F8BBB9
Left Light
#F8D8D7
Neutral
#F5F5F5
Right Light
#DCF4F4
Right Medium
#C1F3F2
Right Dark
#A3F2F1
Complementary End
#80F0F0
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FDC0BE
Medium
#F08080
Dark
#8E2931
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#F080F0
Left Adjacent 1
#F080B8
Main
#F08080
Right Adjacent 1
#F0B880
Right Adjacent 2
#F0F080
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#F08080
Complementary
#80F0F0
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#F08080
Secondary
#80F080
Tertiary
#8080F0
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#F08080
Right 90°
#B8F080
Complementary
#80F0F0
Left 90°
#B880F0
Tetradic
Two pairs of complementary colors
4 colors
Main
#F08080
Secondary
#F0F080
Complementary
#80F0F0
Complementary Secondary
#8080F0
Split Complementary
Complementary colors ±30°
3 colors
Main
#F08080
Split Left
#80F0B8
Split Right
#80B8F0
Cyclic
Circular gradient for periodic data
8 colors
0°
#F08080
45°
#F0D480
90°
#B8F080
135°
#80F09C
180°
#80F0F0
225°
#809CF0
270°
#B880F0
315°
#F080D4
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C5A0A0
Pastel 1
#CCADAD
Pastel 2
#D4BABA
Pastel 3
#DCC6C6
Pastel 4
#E4D3D3
Deep Pastel
#ECDFDF
Blush Pink
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFE7EF
Light
#F8BBCA
Medium Light
#ED8DA6
Medium
#DE5D83
Medium Dark
#AF4563
Dark
#822E45
Darkest
#581829
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#DE5D83
Left Dark
#E8869E
Left Medium
#EFABBA
Left Light
#F4D0D7
Neutral
#F5F5F5
Right Light
#D4F0E5
Right Medium
#B1EBD6
Right Dark
#8BE5C7
Complementary End
#5DDEB8
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#F4B0BF
Medium
#DE5D83
Dark
#8A003E
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#B85DDE
Left Adjacent 1
#DE5DC4
Main
#DE5D83
Right Adjacent 1
#DE775D
Right Adjacent 2
#DEB85D
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#DE5D83
Complementary
#5DDEB8
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#DE5D83
Secondary
#83DE5D
Tertiary
#5D83DE
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#DE5D83
Right 90°
#C3DE5D
Complementary
#5DDEB8
Left 90°
#775DDE
Tetradic
Two pairs of complementary colors
4 colors
Main
#DE5D83
Secondary
#DEB85D
Complementary
#5DDEB8
Complementary Secondary
#5D83DE
Split Complementary
Complementary colors ±30°
3 colors
Main
#DE5D83
Split Left
#5DDE77
Split Right
#5DC4DE
Cyclic
Circular gradient for periodic data
8 colors
0°
#DE5D83
45°
#DE985D
90°
#C3DE5D
135°
#63DE5D
180°
#5DDEB8
225°
#5DA3DE
270°
#775DDE
315°
#D85DDE
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C2A3AC
Pastel 1
#CAB0B7
Pastel 2
#D2BCC2
Pastel 3
#DAC8CD
Pastel 4
#E2D4D8
Deep Pastel
#EBE0E3
Pastel Turquoise
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#EAFBFB
Light
#D7F6F6
Medium Light
#C3F2F2
Medium
#AFEEEE
Medium Dark
#8CD7D7
Dark
#68C1C1
Darkest
#3EABAB
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#AFEEEE
Left Dark
#C2F0F0
Left Medium
#D4F2F1
Left Light
#E5F3F3
Neutral
#F5F5F5
Right Light
#F5E3E3
Right Medium
#F3D2D1
Right Dark
#F1C0C0
Complementary End
#EEAFAF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#D8F7F6
Medium
#AFEEEE
Dark
#367475
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#AFEEAF
Left Adjacent 1
#AFEECF
Main
#AFEEEE
Right Adjacent 1
#AFCEEE
Right Adjacent 2
#AFAFEE
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#AFEEEE
Complementary
#EEAFAF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#AFEEEE
Secondary
#EEAFEE
Tertiary
#EEEEAF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#AFEEEE
Right 90°
#CEAFEE
Complementary
#EEAFAF
Left 90°
#CFEEAF
Tetradic
Two pairs of complementary colors
4 colors
Main
#AFEEEE
Secondary
#AFAFEE
Complementary
#EEAFAF
Complementary Secondary
#EEEEAF
Split Complementary
Complementary colors ±30°
3 colors
Main
#AFEEEE
Split Left
#EEAFCF
Split Right
#EECFAF
Cyclic
Circular gradient for periodic data
8 colors
0°
#AFEEEE
45°
#AFBFEE
90°
#CEAFEE
135°
#EEAFDE
180°
#EEAFAF
225°
#EEDEAF
270°
#CFEEAF
315°
#AFEEBF
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A4C1C1
Pastel 1
#B0CACA
Pastel 2
#BCD2D2
Pastel 3
#C8DADA
Pastel 4
#D4E2E2
Deep Pastel
#E1EAEA
Lilac
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#EEE2EE
Light
#E1CCE1
Medium Light
#D5B7D5
Medium
#C8A2C8
Medium Dark
#A47FA4
Dark
#825D81
Darkest
#603D60
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#C8A2C8
Left Dark
#D3B6D3
Left Medium
#DFCBDE
Left Light
#EAE0EA
Neutral
#F5F5F5
Right Light
#E0EAE0
Right Medium
#CBDFCB
Right Dark
#B7D3B6
Complementary End
#A2C8A2
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#E4D0E3
Medium
#C8A2C8
Dark
#6A486A
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#A2A2C8
Left Adjacent 1
#B5A2C8
Main
#C8A2C8
Right Adjacent 1
#C8A2B5
Right Adjacent 2
#C8A2A2
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#C8A2C8
Complementary
#A2C8A2
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#C8A2C8
Secondary
#C8C8A2
Tertiary
#A2C8C8
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#C8A2C8
Right 90°
#C8B5A2
Complementary
#A2C8A2
Left 90°
#A2B5C8
Tetradic
Two pairs of complementary colors
4 colors
Main
#C8A2C8
Secondary
#C8A2A2
Complementary
#A2C8A2
Complementary Secondary
#A2C8C8
Split Complementary
Complementary colors ±30°
3 colors
Main
#C8A2C8
Split Left
#B5C8A2
Split Right
#A2C8B5
Cyclic
Circular gradient for periodic data
8 colors
0°
#C8A2C8
45°
#C8A2AB
90°
#C8B5A2
135°
#BFC8A2
180°
#A2C8A2
225°
#A2C8BF
270°
#A2B5C8
315°
#ABA2C8
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BAABBA
Pastel 1
#C3B6C3
Pastel 2
#CDC1CD
Pastel 3
#D6CDD6
Pastel 4
#DFD8DF
Deep Pastel
#E8E3E8
Buttercream
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFFAE6
Light
#FFF4CA
Medium Light
#FFEFAE
Medium
#FDE992
Medium Dark
#E9CF6D
Dark
#D4B547
Darkest
#BF9C19
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FDE992
Left Dark
#FDECAB
Left Medium
#FBEFC4
Left Light
#F9F2DC
Neutral
#F5F5F5
Right Light
#DFE1F8
Right Medium
#C7CDFA
Right Dark
#AEB9FB
Complementary End
#92A6FD
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFF4C9
Medium
#FDE992
Dark
#7A6E1C
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FD92A6
Left Adjacent 1
#FDB392
Main
#FDE992
Right Adjacent 1
#DCFD92
Right Adjacent 2
#A6FD92
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FDE992
Complementary
#92A6FD
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FDE992
Secondary
#92FDE9
Tertiary
#E992FD
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FDE992
Right 90°
#92FDB4
Complementary
#92A6FD
Left 90°
#FD92DC
Tetradic
Two pairs of complementary colors
4 colors
Main
#FDE992
Secondary
#A6FD92
Complementary
#92A6FD
Complementary Secondary
#E992FD
Split Complementary
Complementary colors ±30°
3 colors
Main
#FDE992
Split Left
#92DBFD
Split Right
#B392FD
Cyclic
Circular gradient for periodic data
8 colors
0°
#FDE992
45°
#C1FD92
90°
#92FDB4
135°
#92F6FD
180°
#92A6FD
225°
#CE92FD
270°
#FD92DC
315°
#FD9992
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9C09C
Pastel 1
#D0C9AA
Pastel 2
#D7D1B7
Pastel 3
#DED9C4
Pastel 4
#E6E2D1
Deep Pastel
#EDEADE
Sage Green
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F7F6E8
Light
#E3E1C8
Medium Light
#D0CCA9
Medium
#BCB88A
Medium Dark
#95926B
Dark
#706D4E
Darkest
#4D4B32
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#BCB88A
Left Dark
#CBC7A4
Left Medium
#D9D6BF
Left Light
#E7E5DA
Neutral
#F5F5F5
Right Light
#DADAE7
Right Medium
#BFC0D8
Right Dark
#A5A7CA
Complementary End
#8A8EBC
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#DEDBC3
Medium
#BCB88A
Dark
#5B5930
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#BC8A8E
Left Adjacent 1
#BC9F8A
Main
#BCB88A
Right Adjacent 1
#A7BC8A
Right Adjacent 2
#8EBC8A
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#BCB88A
Complementary
#8A8EBC
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#BCB88A
Secondary
#8ABCB8
Tertiary
#B88ABC
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#BCB88A
Right 90°
#8ABC9F
Complementary
#8A8EBC
Left 90°
#BC8AA7
Tetradic
Two pairs of complementary colors
4 colors
Main
#BCB88A
Secondary
#8EBC8A
Complementary
#8A8EBC
Complementary Secondary
#B88ABC
Split Complementary
Complementary colors ±30°
3 colors
Main
#BCB88A
Split Left
#8AA7BC
Split Right
#9F8ABC
Cyclic
Circular gradient for periodic data
8 colors
0°
#BCB88A
45°
#9BBC8A
90°
#8ABC9F
135°
#8AB3BC
180°
#8A8EBC
225°
#AB8ABC
270°
#BC8AA7
315°
#BC928A
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BAB9AB
Pastel 1
#C3C2B6
Pastel 2
#CDCCC1
Pastel 3
#D6D5CD
Pastel 4
#DFDED8
Deep Pastel
#E8E8E3
Mauve
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F5E5FF
Light
#EED4FF
Medium Light
#E7C2FF
Medium
#E0B0FF
Medium Dark
#C683F5
Dark
#AA53EA
Darkest
#890EDF
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#E0B0FF
Left Dark
#E6C1FD
Left Medium
#ECD3FA
Left Light
#F1E4F8
Neutral
#F5F5F5
Right Light
#ECF8E4
Right Medium
#E3FAD3
Right Dark
#D9FDC1
Complementary End
#CFFFB0
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#F1D7FF
Medium
#E0B0FF
Dark
#744B92
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#B0CFFF
Left Adjacent 1
#B8B0FF
Main
#E0B0FF
Right Adjacent 1
#FFB0F7
Right Adjacent 2
#FFB0CF
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#E0B0FF
Complementary
#CFFFB0
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#E0B0FF
Secondary
#FFE0B0
Tertiary
#B0FFE0
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#E0B0FF
Right 90°
#FFB8B0
Complementary
#CFFFB0
Left 90°
#B0F7FF
Tetradic
Two pairs of complementary colors
4 colors
Main
#E0B0FF
Secondary
#FFB0CF
Complementary
#CFFFB0
Complementary Secondary
#B0FFE0
Split Complementary
Complementary colors ±30°
3 colors
Main
#E0B0FF
Split Left
#F7FFB0
Split Right
#B0FFB8
Cyclic
Circular gradient for periodic data
8 colors
0°
#E0B0FF
45°
#FFB0E3
90°
#FFB8B0
135°
#FFF4B0
180°
#CFFFB0
225°
#B0FFCC
270°
#B0F7FF
315°
#B0BBFF
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#B79CC9
Pastel 1
#C1A9D1
Pastel 2
#CBB6D8
Pastel 3
#D4C3DF
Pastel 4
#DED1E6
Deep Pastel
#E7DEED
Periwinkle
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E5E5FF
Light
#DDDDFF
Medium Light
#D5D4FF
Medium
#CCCCFF
Medium Dark
#A891FF
Dark
#7957FD
Darkest
#1707FA
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#CCCCFF
Left Dark
#D7D6FD
Left Medium
#E1E0FA
Left Light
#EBEBF8
Neutral
#F5F5F5
Right Light
#F8F7EB
Right Medium
#FBFAE1
Right Dark
#FDFCD6
Complementary End
#FFFFCC
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#E6E5FF
Medium
#CCCCFF
Dark
#5D5F8B
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#CCFFFF
Left Adjacent 1
#CCE5FF
Main
#CCCCFF
Right Adjacent 1
#E5CCFF
Right Adjacent 2
#FFCCFF
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#CCCCFF
Complementary
#FFFFCC
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#CCCCFF
Secondary
#FFCCCC
Tertiary
#CCFFCC
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#CCCCFF
Right 90°
#FFCCE6
Complementary
#FFFFCC
Left 90°
#CCFFE6
Tetradic
Two pairs of complementary colors
4 colors
Main
#CCCCFF
Secondary
#FFCCFF
Complementary
#FFFFCC
Complementary Secondary
#CCFFCC
Split Complementary
Complementary colors ±30°
3 colors
Main
#CCCCFF
Split Left
#FFE6CC
Split Right
#E6FFCC
Cyclic
Circular gradient for periodic data
8 colors
0°
#CCCCFF
45°
#F2CCFF
90°
#FFCCE6
135°
#FFD9CC
180°
#FFFFCC
225°
#D9FFCC
270°
#CCFFE6
315°
#CCF2FF
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9C9CC9
Pastel 1
#A9A9D1
Pastel 2
#B6B6D8
Pastel 3
#C3C3DF
Pastel 4
#D1D1E6
Deep Pastel
#DEDEED
Apricot
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FEF0E7
Light
#FDE4D5
Medium Light
#FDD9C3
Medium
#FBCEB1
Medium Dark
#F2A87E
Dark
#E4834C
Darkest
#D25D15
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FBCEB1
Left Dark
#FBD8C2
Left Medium
#F9E1D3
Left Light
#F8EBE4
Neutral
#F5F5F5
Right Light
#E5EFF7
Right Medium
#D4E9F8
Right Dark
#C3E4FA
Complementary End
#B1DEFB
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FEE6D8
Medium
#FBCEB1
Dark
#825E44
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FBB1DE
Left Adjacent 1
#FBB1B9
Main
#FBCEB1
Right Adjacent 1
#FBF3B1
Right Adjacent 2
#DEFBB1
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FBCEB1
Complementary
#B1DEFB
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FBCEB1
Secondary
#B1FBCE
Tertiary
#CEB1FB
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FBCEB1
Right 90°
#B9FBB1
Complementary
#B1DEFB
Left 90°
#F3B1FB
Tetradic
Two pairs of complementary colors
4 colors
Main
#FBCEB1
Secondary
#DEFBB1
Complementary
#B1DEFB
Complementary Secondary
#CEB1FB
Split Complementary
Complementary colors ±30°
3 colors
Main
#FBCEB1
Split Left
#B1FBF3
Split Right
#B1B9FB
Cyclic
Circular gradient for periodic data
8 colors
0°
#FBCEB1
45°
#F0FBB1
90°
#B9FBB1
135°
#B1FBE1
180°
#B1DEFB
225°
#BBB1FB
270°
#F3B1FB
315°
#FBB1CB
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C7AE9E
Pastel 1
#CFB9AB
Pastel 2
#D6C4B8
Pastel 3
#DECEC5
Pastel 4
#E5D9D2
Deep Pastel
#ECE4DF
Robin Egg Blue
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E4F6F3
Light
#CBEEE8
Medium Light
#B1E6DC
Medium
#96DED1
Medium Dark
#76BDB0
Dark
#569D8F
Darkest
#377E70
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#96DED1
Left Dark
#AFE4DA
Left Medium
#C7EAE3
Left Light
#DEF0EC
Neutral
#F5F5F5
Right Light
#F1DDE0
Right Medium
#EBC5CB
Right Dark
#E5AEB7
Complementary End
#DE96A3
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#CCEFE8
Medium
#96DED1
Dark
#246E63
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#A3DE96
Left Adjacent 1
#96DEAD
Main
#96DED1
Right Adjacent 1
#96C7DE
Right Adjacent 2
#96A3DE
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#96DED1
Complementary
#DE96A3
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#96DED1
Secondary
#D196DE
Tertiary
#DED196
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#96DED1
Right 90°
#AD96DE
Complementary
#DE96A3
Left 90°
#C7DE96
Tetradic
Two pairs of complementary colors
4 colors
Main
#96DED1
Secondary
#96A3DE
Complementary
#DE96A3
Complementary Secondary
#DED196
Split Complementary
Complementary colors ±30°
3 colors
Main
#96DED1
Split Left
#DE96C7
Split Right
#DEAD96
Cyclic
Circular gradient for periodic data
8 colors
0°
#96DED1
45°
#96B5DE
90°
#AD96DE
135°
#DE96D9
180°
#DE96A3
225°
#DEBF96
270°
#C7DE96
315°
#96DE9B
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A7BEBA
Pastel 1
#B2C7C3
Pastel 2
#BED0CD
Pastel 3
#CAD8D6
Pastel 4
#D6E1DF
Deep Pastel
#E2E9E8
Champagne
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FBF4E9
Light
#FAF0E0
Medium Light
#F9EBD7
Medium
#F7E7CE
Medium Dark
#EFCA99
Dark
#E3AD65
Darkest
#D4912D
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#F7E7CE
Left Dark
#F7EAD8
Left Medium
#F6EEE1
Left Light
#F6F1EB
Neutral
#F5F5F5
Right Light
#EBEFF6
Right Medium
#E2E9F6
Right Dark
#D8E4F7
Complementary End
#CEDEF7
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FBF3E6
Medium
#F7E7CE
Dark
#796C56
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#F7CEDE
Left Adjacent 1
#F7D2CE
Main
#F7E7CE
Right Adjacent 1
#F3F7CE
Right Adjacent 2
#DEF7CE
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#F7E7CE
Complementary
#CEDEF7
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#F7E7CE
Secondary
#CEF7E7
Tertiary
#E7CEF7
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#F7E7CE
Right 90°
#CEF7D2
Complementary
#CEDEF7
Left 90°
#F7CEF3
Tetradic
Two pairs of complementary colors
4 colors
Main
#F7E7CE
Secondary
#DEF7CE
Complementary
#CEDEF7
Complementary Secondary
#E7CEF7
Split Complementary
Complementary colors ±30°
3 colors
Main
#F7E7CE
Split Left
#CEF3F7
Split Right
#D2CEF7
Cyclic
Circular gradient for periodic data
8 colors
0°
#F7E7CE
45°
#E8F7CE
90°
#CEF7D2
135°
#CEF7F1
180°
#CEDEF7
225°
#DDCEF7
270°
#F7CEF3
315°
#F7CED4
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C3B6A2
Pastel 1
#CBC0AE
Pastel 2
#D3CABB
Pastel 3
#DBD3C7
Pastel 4
#E3DDD4
Deep Pastel
#EBE7E0
Extract Pastel Color Palette from Image
Upload a photo to extract a pastel color palette with HEX and RGB codes.
click or drag your image here
Supported formats: JPG, PNG, WebP
Pastel Color Code Converter
Instantly convert between HEX, RGB, CMYK, and more.
All Formats:
- HEX:#ECB12E
- RGB:rgb(236, 177, 46)
- CMYK:cmyk(0%, 25%, 81%, 7%)
- HSV:hsv(41°, 81%, 93%)
- HSL:hsl(41°, 83%, 55%)