Appearance
25+ Light Summer Color Palettes
Generate 25+ Light Summer color palettes from seasonal colors. Each palette is created from a base color, featuring light, cool, and soft Summer hues that follow professional color theory principles. Perfect for personal style coordination, home decor, and creative projects for those with Light Summer personal coloring.
Light Summer Colors
Powder Blue →
HEX#B0E0E6
RGBrgb(176, 224, 230)
Lavender →
HEX#E6E6FA
RGBrgb(230, 230, 250)
Light Pink →
HEX#FFB6C1
RGBrgb(255, 182, 193)
Light Cyan →
HEX#E0FFFF
RGBrgb(224, 255, 255)
Alice Blue →
HEX#F0F8FF
RGBrgb(240, 248, 255)
Honeydew →
HEX#F0FFF0
RGBrgb(240, 255, 240)
Mint Cream →
HEX#F5FFFA
RGBrgb(245, 255, 250)
Azure →
HEX#F0FFFF
RGBrgb(240, 255, 255)
Ghost White →
HEX#F8F8FF
RGBrgb(248, 248, 255)
Light Steel Blue →
HEX#B0C4DE
RGBrgb(176, 196, 222)
Light Sky Blue →
HEX#87CEFA
RGBrgb(135, 206, 250)
Pale Turquoise →
HEX#AFEEEE
RGBrgb(175, 238, 238)
Light Blue →
HEX#ADD8E6
RGBrgb(173, 216, 230)
Pale Green →
HEX#98FB98
RGBrgb(152, 251, 152)
Thistle →
HEX#D8BFD8
RGBrgb(216, 191, 216)
Lavender Blush →
HEX#FFF0F5
RGBrgb(255, 240, 245)
Misty Rose →
HEX#FFE4E1
RGBrgb(255, 228, 225)
Sea Shell →
HEX#FFF5EE
RGBrgb(255, 245, 238)
Snow →
HEX#FFFAFA
RGBrgb(255, 250, 250)
Floral White →
HEX#FFFAF0
RGBrgb(255, 250, 240)
Ivory →
HEX#FFFFF0
RGBrgb(255, 255, 240)
White Smoke →
HEX#F5F5F5
RGBrgb(245, 245, 245)
Gainsboro →
HEX#DCDCDC
RGBrgb(220, 220, 220)
Light Gray →
HEX#D3D3D3
RGBrgb(211, 211, 211)
Silver →
HEX#C0C0C0
RGBrgb(192, 192, 192)
Light Slate Gray →
HEX#778899
RGBrgb(119, 136, 153)
Pale Violet Red →
HEX#DB7093
RGBrgb(219, 112, 147)
Light Coral →
HEX#F08080
RGBrgb(240, 128, 128)
Light Salmon →
HEX#FFA07A
RGBrgb(255, 160, 122)
Light Summer 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 Light Summer hue.
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
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
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
Light Cyan
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E5FFFF
Light
#E4FFFF
Medium Light
#E2FFFF
Medium
#E0FFFF
Medium Dark
#BAFFFE
Dark
#8CFEFE
Darkest
#45FDFD
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#E0FFFF
Left Dark
#E6FDFC
Left Medium
#EBFAFA
Left Light
#F0F8F7
Neutral
#F5F5F5
Right Light
#F8F0F0
Right Medium
#FAEBEA
Right Dark
#FDE5E5
Complementary End
#FFE0E0
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#F0FFFF
Medium
#E0FFFF
Dark
#5E797A
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#E0FFE0
Left Adjacent 1
#E0FFF0
Main
#E0FFFF
Right Adjacent 1
#E0F0FF
Right Adjacent 2
#E0E0FF
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#E0FFFF
Complementary
#FFE0E0
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#E0FFFF
Secondary
#FFE0FF
Tertiary
#FFFFE0
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#E0FFFF
Right 90°
#F0E0FF
Complementary
#FFE0E0
Left 90°
#F0FFE0
Tetradic
Two pairs of complementary colors
4 colors
Main
#E0FFFF
Secondary
#E0E0FF
Complementary
#FFE0E0
Complementary Secondary
#FFFFE0
Split Complementary
Complementary colors ±30°
3 colors
Main
#E0FFFF
Split Left
#FFE0F0
Split Right
#FFF0E0
Cyclic
Circular gradient for periodic data
8 colors
0°
#E0FFFF
45°
#E0E8FF
90°
#F0E0FF
135°
#FFE0F7
180°
#FFE0E0
225°
#FFF7E0
270°
#F0FFE0
315°
#E0FFE8
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
Alice Blue
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E5F3FF
Light
#E9F5FF
Medium Light
#EDF6FF
Medium
#F0F8FF
Medium Dark
#C0D7FE
Dark
#8AB7FB
Darkest
#3A98F8
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#F0F8FF
Left Dark
#F1F7FC
Left Medium
#F3F6FA
Left Light
#F4F6F7
Neutral
#F5F5F5
Right Light
#F8F5F4
Right Medium
#FAF6F3
Right Dark
#FDF6F1
Complementary End
#FFF7F0
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#F8FBFF
Medium
#F0F8FF
Dark
#6D747A
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#F0FFF7
Left Adjacent 1
#F0FFFF
Main
#F0F8FF
Right Adjacent 1
#F0F1FF
Right Adjacent 2
#F7F0FF
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#F0F8FF
Complementary
#FFF7F0
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#F0F8FF
Secondary
#FFF0F8
Tertiary
#F8FFF0
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#F0F8FF
Right 90°
#FFF0FF
Complementary
#FFF7F0
Left 90°
#F1FFF0
Tetradic
Two pairs of complementary colors
4 colors
Main
#F0F8FF
Secondary
#F7F0FF
Complementary
#FFF7F0
Complementary Secondary
#F8FFF0
Split Complementary
Complementary colors ±30°
3 colors
Main
#F0F8FF
Split Left
#FFF0F1
Split Right
#FFFFF0
Cyclic
Circular gradient for periodic data
8 colors
0°
#F0F8FF
45°
#F3F0FF
90°
#FFF0FF
135°
#FFF0F4
180°
#FFF7F0
225°
#FCFFF0
270°
#F1FFF0
315°
#F0FFFB
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9CB4C9
Pastel 1
#A9BED1
Pastel 2
#B6C8D8
Pastel 3
#C3D2DF
Pastel 4
#D1DCE6
Deep Pastel
#DEE6ED
Honeydew
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E5FFE5
Light
#E9FFE9
Medium Light
#EDFFEC
Medium
#F0FFF0
Medium Dark
#C5FFB7
Dark
#90FF7B
Darkest
#37FE30
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#F0FFF0
Left Dark
#F1FDF1
Left Medium
#F3FAF3
Left Light
#F4F8F4
Neutral
#F5F5F5
Right Light
#F8F4F8
Right Medium
#FAF3FA
Right Dark
#FDF1FD
Complementary End
#FFF0FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#F8FFF7
Medium
#F0FFF0
Dark
#6C796C
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFFFF0
Left Adjacent 1
#F8FFF0
Main
#F0FFF0
Right Adjacent 1
#F0FFF8
Right Adjacent 2
#F0FFFF
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#F0FFF0
Complementary
#FFF0FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#F0FFF0
Secondary
#F0F0FF
Tertiary
#FFF0F0
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#F0FFF0
Right 90°
#F0F8FF
Complementary
#FFF0FF
Left 90°
#FFF8F0
Tetradic
Two pairs of complementary colors
4 colors
Main
#F0FFF0
Secondary
#F0FFFF
Complementary
#FFF0FF
Complementary Secondary
#FFF0F0
Split Complementary
Complementary colors ±30°
3 colors
Main
#F0FFF0
Split Left
#F8F0FF
Split Right
#FFF0F8
Cyclic
Circular gradient for periodic data
8 colors
0°
#F0FFF0
45°
#F0FFFB
90°
#F0F8FF
135°
#F4F0FF
180°
#FFF0FF
225°
#FFF0F4
270°
#FFF8F0
315°
#FBFFF0
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
Mint Cream
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E5FFF2
Light
#EBFFF5
Medium Light
#F0FFF7
Medium
#F5FFFA
Medium Dark
#C7FFD9
Dark
#91FFB8
Darkest
#3FFE98
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#F5FFFA
Left Dark
#F5FCF9
Left Medium
#F5FAF7
Left Light
#F5F8F6
Neutral
#F5F5F5
Right Light
#F8F5F6
Right Medium
#FAF5F7
Right Dark
#FDF5F9
Complementary End
#FFF5FA
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FAFFFC
Medium
#F5FFFA
Dark
#6F7874
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FAFFF5
Left Adjacent 1
#F5FFF5
Main
#F5FFFA
Right Adjacent 1
#F5FFFF
Right Adjacent 2
#F5FAFF
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#F5FFFA
Complementary
#FFF5FA
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#F5FFFA
Secondary
#FAF5FF
Tertiary
#FFFAF5
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#F5FFFA
Right 90°
#F5F5FF
Complementary
#FFF5FA
Left 90°
#FFFFF5
Tetradic
Two pairs of complementary colors
4 colors
Main
#F5FFFA
Secondary
#F5FAFF
Complementary
#FFF5FA
Complementary Secondary
#FFFAF5
Split Complementary
Complementary colors ±30°
3 colors
Main
#F5FFFA
Split Left
#FFF5FF
Split Right
#FFF5F5
Cyclic
Circular gradient for periodic data
8 colors
0°
#F5FFFA
45°
#F5FDFF
90°
#F5F5FF
135°
#FCF5FF
180°
#FFF5FA
225°
#FFF8F5
270°
#FFFFF5
315°
#F8FFF5
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9CC9B2
Pastel 1
#A9D1BD
Pastel 2
#B6D8C7
Pastel 3
#C3DFD1
Pastel 4
#D1E6DB
Deep Pastel
#DEEDE5
Azure
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E5FFFF
Light
#E9FFFF
Medium Light
#EDFFFF
Medium
#F0FFFF
Medium Dark
#C7FFFE
Dark
#96FFFE
Darkest
#4BFDFD
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#F0FFFF
Left Dark
#F1FDFC
Left Medium
#F3FAFA
Left Light
#F4F8F7
Neutral
#F5F5F5
Right Light
#F8F4F4
Right Medium
#FAF3F2
Right Dark
#FDF1F1
Complementary End
#FFF0F0
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#F8FFFF
Medium
#F0FFFF
Dark
#6B7878
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#F0FFF0
Left Adjacent 1
#F0FFF8
Main
#F0FFFF
Right Adjacent 1
#F0F8FF
Right Adjacent 2
#F0F0FF
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#F0FFFF
Complementary
#FFF0F0
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#F0FFFF
Secondary
#FFF0FF
Tertiary
#FFFFF0
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#F0FFFF
Right 90°
#F8F0FF
Complementary
#FFF0F0
Left 90°
#F8FFF0
Tetradic
Two pairs of complementary colors
4 colors
Main
#F0FFFF
Secondary
#F0F0FF
Complementary
#FFF0F0
Complementary Secondary
#FFFFF0
Split Complementary
Complementary colors ±30°
3 colors
Main
#F0FFFF
Split Left
#FFF0F8
Split Right
#FFF8F0
Cyclic
Circular gradient for periodic data
8 colors
0°
#F0FFFF
45°
#F0F4FF
90°
#F8F0FF
135°
#FFF0FB
180°
#FFF0F0
225°
#FFFBF0
270°
#F8FFF0
315°
#F0FFF4
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
Ghost White
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E5E5FF
Light
#ECECFF
Medium Light
#F2F2FF
Medium
#F8F8FF
Medium Dark
#CAB4FF
Dark
#9272FE
Darkest
#332EFA
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#F8F8FF
Left Dark
#F7F7FC
Left Medium
#F7F6FA
Left Light
#F6F6F7
Neutral
#F5F5F5
Right Light
#F8F7F6
Right Medium
#FAFAF7
Right Dark
#FDFCF7
Complementary End
#FFFFF8
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FCFBFF
Medium
#F8F8FF
Dark
#74747A
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#F8FFFF
Left Adjacent 1
#F8FCFF
Main
#F8F8FF
Right Adjacent 1
#FCF8FF
Right Adjacent 2
#FFF8FF
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#F8F8FF
Complementary
#FFFFF8
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#F8F8FF
Secondary
#FFF8F8
Tertiary
#F8FFF8
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#F8F8FF
Right 90°
#FFF8FC
Complementary
#FFFFF8
Left 90°
#F8FFFC
Tetradic
Two pairs of complementary colors
4 colors
Main
#F8F8FF
Secondary
#FFF8FF
Complementary
#FFFFF8
Complementary Secondary
#F8FFF8
Split Complementary
Complementary colors ±30°
3 colors
Main
#F8F8FF
Split Left
#FFFCF8
Split Right
#FCFFF8
Cyclic
Circular gradient for periodic data
8 colors
0°
#F8F8FF
45°
#FDF8FF
90°
#FFF8FC
135°
#FFFAF8
180°
#FFFFF8
225°
#FAFFF8
270°
#F8FFFC
315°
#F8FDFF
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
Light Steel Blue
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#EDF2F7
Light
#D9E2EF
Medium Light
#C4D3E6
Medium
#B0C4DE
Medium Dark
#8AA0BF
Dark
#657DA0
Darkest
#405C83
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#B0C4DE
Left Dark
#C1D0E4
Left Medium
#D3DCEA
Left Light
#E4E9EF
Neutral
#F5F5F5
Right Light
#F0EAE3
Right Medium
#EADFD2
Right Dark
#E4D5C1
Complementary End
#DECAB0
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#D8E1EE
Medium
#B0C4DE
Dark
#4B5E75
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#B0DECA
Left Adjacent 1
#B0DBDE
Main
#B0C4DE
Right Adjacent 1
#B3B0DE
Right Adjacent 2
#CAB0DE
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#B0C4DE
Complementary
#DECAB0
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#B0C4DE
Secondary
#DEB0C4
Tertiary
#C4DEB0
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#B0C4DE
Right 90°
#DEB0DB
Complementary
#DECAB0
Left 90°
#B0DEB3
Tetradic
Two pairs of complementary colors
4 colors
Main
#B0C4DE
Secondary
#CAB0DE
Complementary
#DECAB0
Complementary Secondary
#C4DEB0
Split Complementary
Complementary colors ±30°
3 colors
Main
#B0C4DE
Split Left
#DEB3B0
Split Right
#DBDEB0
Cyclic
Circular gradient for periodic data
8 colors
0°
#B0C4DE
45°
#BEB0DE
90°
#DEB0DB
135°
#DEB0B8
180°
#DECAB0
225°
#D0DEB0
270°
#B0DEB3
315°
#B0DED6
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A9B1BC
Pastel 1
#B5BCC5
Pastel 2
#C0C6CE
Pastel 3
#CBD0D7
Pastel 4
#D7DBE0
Deep Pastel
#E2E5E9
Light Sky Blue
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E7F5FE
Light
#C9E8FD
Medium Light
#AADBFB
Medium
#87CEFA
Medium Dark
#69ADDE
Dark
#498CC3
Darkest
#256EA8
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#87CEFA
Left Dark
#A7D8F9
Left Medium
#C2E1F8
Left Light
#DCEBF6
Neutral
#F5F5F5
Right Light
#F9E4D9
Right Medium
#FBD4BD
Right Dark
#FBC3A2
Complementary End
#FAB387
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#C7E6FD
Medium
#87CEFA
Dark
#00658C
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#87FAB3
Left Adjacent 1
#87FAED
Main
#87CEFA
Right Adjacent 1
#8794FA
Right Adjacent 2
#B387FA
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#87CEFA
Complementary
#FAB387
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#87CEFA
Secondary
#FA87CE
Tertiary
#CEFA87
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#87CEFA
Right 90°
#ED87FA
Complementary
#FAB387
Left 90°
#95FA87
Tetradic
Two pairs of complementary colors
4 colors
Main
#87CEFA
Secondary
#B387FA
Complementary
#FAB387
Complementary Secondary
#CEFA87
Split Complementary
Complementary colors ±30°
3 colors
Main
#87CEFA
Split Left
#FA8794
Split Right
#FAEC87
Cyclic
Circular gradient for periodic data
8 colors
0°
#87CEFA
45°
#9687FA
90°
#ED87FA
135°
#FA87B1
180°
#FAB387
225°
#EBFA87
270°
#95FA87
315°
#87FAD0
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9DB7C8
Pastel 1
#AAC1CF
Pastel 2
#B7CBD6
Pastel 3
#C4D4DE
Pastel 4
#D1DEE5
Deep Pastel
#DEE7ED
Pale 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
Light Blue
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#EBF6F9
Light
#D7ECF3
Medium Light
#C2E2EC
Medium
#ADD8E6
Medium Dark
#89B9CA
Dark
#659BAE
Darkest
#3F7D94
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#ADD8E6
Left Dark
#C0DFEA
Left Medium
#D2E6EE
Left Light
#E4EEF1
Neutral
#F5F5F5
Right Light
#F2E6E3
Right Medium
#EFD8D0
Right Dark
#EBC9BF
Complementary End
#E6BBAD
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#D7EBF2
Medium
#ADD8E6
Dark
#3F6975
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#ADE6BB
Left Adjacent 1
#ADE6D8
Main
#ADD8E6
Right Adjacent 1
#ADBCE6
Right Adjacent 2
#BBADE6
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#ADD8E6
Complementary
#E6BBAD
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#ADD8E6
Secondary
#E6ADD8
Tertiary
#D8E6AD
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#ADD8E6
Right 90°
#D8ADE6
Complementary
#E6BBAD
Left 90°
#BCE6AD
Tetradic
Two pairs of complementary colors
4 colors
Main
#ADD8E6
Secondary
#BBADE6
Complementary
#E6BBAD
Complementary Secondary
#D8E6AD
Split Complementary
Complementary colors ±30°
3 colors
Main
#ADD8E6
Split Left
#E6ADBC
Split Right
#E6D8AD
Cyclic
Circular gradient for periodic data
8 colors
0°
#ADD8E6
45°
#ADADE6
90°
#D8ADE6
135°
#E6ADCA
180°
#E6BBAD
225°
#E6E6AD
270°
#BCE6AD
315°
#ADE6C9
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A6B9BF
Pastel 1
#B2C2C7
Pastel 2
#BECBD0
Pastel 3
#CAD5D8
Pastel 4
#D6DEE1
Deep Pastel
#E1E8EA
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
Thistle
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F5EFF5
Light
#ECDFEC
Medium Light
#E2CFE2
Medium
#D8BFD8
Medium Dark
#B898B8
Dark
#997399
Darkest
#7B4F7B
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#D8BFD8
Left Dark
#DFCCDF
Left Medium
#E7DAE6
Left Light
#EEE7EE
Neutral
#F5F5F5
Right Light
#E7EEE7
Right Medium
#DAE7DA
Right Dark
#CCDFCC
Complementary End
#BFD8BF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#ECDFEB
Medium
#D8BFD8
Dark
#6D576E
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#BFBFD8
Left Adjacent 1
#CCBFD8
Main
#D8BFD8
Right Adjacent 1
#D8BFCC
Right Adjacent 2
#D8BFBF
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#D8BFD8
Complementary
#BFD8BF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#D8BFD8
Secondary
#D8D8BF
Tertiary
#BFD8D8
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#D8BFD8
Right 90°
#D8CCBF
Complementary
#BFD8BF
Left 90°
#BFCCD8
Tetradic
Two pairs of complementary colors
4 colors
Main
#D8BFD8
Secondary
#D8BFBF
Complementary
#BFD8BF
Complementary Secondary
#BFD8D8
Split Complementary
Complementary colors ±30°
3 colors
Main
#D8BFD8
Split Left
#CCD8BF
Split Right
#BFD8CC
Cyclic
Circular gradient for periodic data
8 colors
0°
#D8BFD8
45°
#D8BFC5
90°
#D8CCBF
135°
#D2D8BF
180°
#BFD8BF
225°
#BFD8D2
270°
#BFCCD8
315°
#C5BFD8
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
Lavender Blush
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFE5EE
Light
#FFE9F0
Medium Light
#FFEDF3
Medium
#FFF0F5
Medium Dark
#FFB9C6
Dark
#FF7F98
Darkest
#FA306E
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFF0F5
Left Dark
#FDF1F5
Left Medium
#FAF3F5
Left Light
#F8F4F5
Neutral
#F5F5F5
Right Light
#F4F8F6
Right Medium
#F3FAF7
Right Dark
#F1FDF9
Complementary End
#F0FFFA
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFF8FA
Medium
#FFF0F5
Dark
#7C6F73
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FAF0FF
Left Adjacent 1
#FFF0FC
Main
#FFF0F5
Right Adjacent 1
#FFF3F0
Right Adjacent 2
#FFFAF0
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFF0F5
Complementary
#F0FFFA
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFF0F5
Secondary
#F5FFF0
Tertiary
#F0F5FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFF0F5
Right 90°
#FDFFF0
Complementary
#F0FFFA
Left 90°
#F3F0FF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFF0F5
Secondary
#FFFAF0
Complementary
#F0FFFA
Complementary Secondary
#F0F5FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFF0F5
Split Left
#F0FFF3
Split Right
#F0FDFF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFF0F5
45°
#FFF6F0
90°
#FDFFF0
135°
#F1FFF0
180°
#F0FFFA
225°
#F0F9FF
270°
#F3F0FF
315°
#FEF0FF
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C99CAB
Pastel 1
#D1A9B6
Pastel 2
#D8B6C1
Pastel 3
#DFC3CD
Pastel 4
#E6D1D8
Deep Pastel
#EDDEE3
Misty Rose
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFE8E5
Light
#FFE7E4
Medium Light
#FFE5E2
Medium
#FFE4E1
Medium Dark
#FFB19D
Dark
#FF7B5C
Darkest
#FB341B
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFE4E1
Left Dark
#FDE8E6
Left Medium
#FAEDEB
Left Light
#F8F1F0
Neutral
#F5F5F5
Right Light
#F0F7F7
Right Medium
#EBF9FA
Right Dark
#E6FAFC
Complementary End
#E1FCFF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFF1F0
Medium
#FFE4E1
Dark
#806866
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFE1FC
Left Adjacent 1
#FFE1ED
Main
#FFE4E1
Right Adjacent 1
#FFF3E1
Right Adjacent 2
#FCFFE1
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFE4E1
Complementary
#E1FCFF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFE4E1
Secondary
#E1FFE4
Tertiary
#E4E1FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFE4E1
Right 90°
#EDFFE1
Complementary
#E1FCFF
Left 90°
#F3E1FF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFE4E1
Secondary
#FCFFE1
Complementary
#E1FCFF
Complementary Secondary
#E4E1FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFE4E1
Split Left
#E1FFF3
Split Right
#E1EDFF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFE4E1
45°
#FFFBE1
90°
#EDFFE1
135°
#E1FFEC
180°
#E1FCFF
225°
#E1E5FF
270°
#F3E1FF
315°
#FFE1F4
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9A09C
Pastel 1
#D1ADA9
Pastel 2
#D8B9B6
Pastel 3
#DFC6C3
Pastel 4
#E6D3D1
Deep Pastel
#EDDFDE
Sea Shell
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFF0E5
Light
#FFF2E8
Medium Light
#FFF3EB
Medium
#FFF5EE
Medium Dark
#FFCEAD
Dark
#FFA76D
Darkest
#FC7F2A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFF5EE
Left Dark
#FDF5F0
Left Medium
#FAF5F2
Left Light
#F8F5F3
Neutral
#F5F5F5
Right Light
#F3F6F7
Right Medium
#F2F7FA
Right Dark
#F0F7FC
Complementary End
#EEF8FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFFAF6
Medium
#FFF5EE
Dark
#7A726C
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFEEF8
Left Adjacent 1
#FFEEF0
Main
#FFF5EE
Right Adjacent 1
#FFFEEE
Right Adjacent 2
#F8FFEE
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFF5EE
Complementary
#EEF8FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFF5EE
Secondary
#EEFFF5
Tertiary
#F5EEFF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFF5EE
Right 90°
#F0FFEE
Complementary
#EEF8FF
Left 90°
#FEEEFF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFF5EE
Secondary
#F8FFEE
Complementary
#EEF8FF
Complementary Secondary
#F5EEFF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFF5EE
Split Left
#EEFFFE
Split Right
#EEF0FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFF5EE
45°
#FCFFEE
90°
#F0FFEE
135°
#EEFFF9
180°
#EEF8FF
225°
#F1EEFF
270°
#FEEEFF
315°
#FFEEF4
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9AE9C
Pastel 1
#D1B9A9
Pastel 2
#D8C4B6
Pastel 3
#DFCFC3
Pastel 4
#E6D9D1
Deep Pastel
#EDE4DE
Snow
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFE5E5
Light
#FFECEC
Medium Light
#FFF3F3
Medium
#FFFAFA
Medium Dark
#FFC0B3
Dark
#FF8470
Darkest
#FB3632
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFFAFA
Left Dark
#FCF9F9
Left Medium
#FAF7F7
Left Light
#F7F6F6
Neutral
#F5F5F5
Right Light
#F6F7F7
Right Medium
#F8FAFA
Right Dark
#F9FCFC
Complementary End
#FAFFFF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFFCFC
Medium
#FFFAFA
Dark
#797474
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFFAFF
Left Adjacent 1
#FFFAFD
Main
#FFFAFA
Right Adjacent 1
#FFFDFA
Right Adjacent 2
#FFFFFA
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFFAFA
Complementary
#FAFFFF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFFAFA
Secondary
#FAFFFA
Tertiary
#FAFAFF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFFAFA
Right 90°
#FDFFFA
Complementary
#FAFFFF
Left 90°
#FDFAFF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFFAFA
Secondary
#FFFFFA
Complementary
#FAFFFF
Complementary Secondary
#FAFAFF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFFAFA
Split Left
#FAFFFD
Split Right
#FAFDFF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFFAFA
45°
#FFFEFA
90°
#FDFFFA
135°
#FAFFFB
180°
#FAFFFF
225°
#FAFBFF
270°
#FDFAFF
315°
#FFFAFE
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C99C9C
Pastel 1
#D1A9A9
Pastel 2
#D8B6B6
Pastel 3
#DFC3C3
Pastel 4
#E6D1D1
Deep Pastel
#EDDEDE
Floral White
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFF6E5
Light
#FFF8E9
Medium Light
#FFF9EC
Medium
#FFFAF0
Medium Dark
#FFE3B3
Dark
#FFCC76
Darkest
#FDB730
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFFAF0
Left Dark
#FDF9F1
Left Medium
#FAF7F3
Left Light
#F8F6F4
Neutral
#F5F5F5
Right Light
#F4F5F8
Right Medium
#F3F5FA
Right Dark
#F1F5FD
Complementary End
#F0F5FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFFCF7
Medium
#FFFAF0
Dark
#79756C
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFF0F5
Left Adjacent 1
#FFF3F0
Main
#FFFAF0
Right Adjacent 1
#FDFFF0
Right Adjacent 2
#F5FFF0
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFFAF0
Complementary
#F0F5FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFFAF0
Secondary
#F0FFFA
Tertiary
#FAF0FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFFAF0
Right 90°
#F0FFF3
Complementary
#F0F5FF
Left 90°
#FFF0FD
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFFAF0
Secondary
#F5FFF0
Complementary
#F0F5FF
Complementary Secondary
#FAF0FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFFAF0
Split Left
#F0FDFF
Split Right
#F3F0FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFFAF0
45°
#F9FFF0
90°
#F0FFF3
135°
#F0FFFE
180°
#F0F5FF
225°
#F6F0FF
270°
#FFF0FD
315°
#FFF0F1
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9BA9C
Pastel 1
#D1C3A9
Pastel 2
#D8CDB6
Pastel 3
#DFD6C3
Pastel 4
#E6DFD1
Deep Pastel
#EDE8DE
Ivory
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFFFE5
Light
#FFFFE9
Medium Light
#FFFFED
Medium
#FFFFF0
Medium Dark
#FFFFB9
Dark
#FFFE80
Darkest
#FFFF34
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFFFF0
Left Dark
#FDFCF1
Left Medium
#FAFAF3
Left Light
#F8F7F4
Neutral
#F5F5F5
Right Light
#F4F4F8
Right Medium
#F3F2FA
Right Dark
#F1F1FD
Complementary End
#F0F0FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFFFF8
Medium
#FFFFF0
Dark
#77776A
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFF0F0
Left Adjacent 1
#FFF8F0
Main
#FFFFF0
Right Adjacent 1
#F8FFF0
Right Adjacent 2
#F0FFF0
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFFFF0
Complementary
#F0F0FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFFFF0
Secondary
#F0FFFF
Tertiary
#FFF0FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFFFF0
Right 90°
#F0FFF8
Complementary
#F0F0FF
Left 90°
#FFF0F8
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFFFF0
Secondary
#F0FFF0
Complementary
#F0F0FF
Complementary Secondary
#FFF0FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFFFF0
Split Left
#F0F8FF
Split Right
#F8F0FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFFFF0
45°
#F4FFF0
90°
#F0FFF8
135°
#F0FBFF
180°
#F0F0FF
225°
#FBF0FF
270°
#FFF0F8
315°
#FFF4F0
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
White Smoke
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F2F2F2
Light
#F3F3F3
Medium Light
#F4F4F4
Medium
#F5F5F5
Medium Dark
#D2D2D2
Dark
#B0B0B0
Darkest
#8F8F8F
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#F5F5F5
Left Dark
#F5F5F5
Left Medium
#F5F5F5
Left Light
#F5F5F5
Neutral
#F5F5F5
Right Light
#F5F5F5
Right Medium
#F5F5F5
Right Dark
#F5F5F5
Complementary End
#F5F5F5
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FAFAFA
Medium
#F5F5F5
Dark
#737373
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#F5F5F5
Left Adjacent 1
#F5F5F5
Main
#F5F5F5
Right Adjacent 1
#F5F5F5
Right Adjacent 2
#F5F5F5
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#F5F5F5
Complementary
#F5F5F5
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#F5F5F5
Secondary
#F5F5F5
Tertiary
#F5F5F5
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#F5F5F5
Right 90°
#F5F5F5
Complementary
#F5F5F5
Left 90°
#F5F5F5
Tetradic
Two pairs of complementary colors
4 colors
Main
#F5F5F5
Secondary
#F5F5F5
Complementary
#F5F5F5
Complementary Secondary
#F5F5F5
Split Complementary
Complementary colors ±30°
3 colors
Main
#F5F5F5
Split Left
#F5F5F5
Split Right
#F5F5F5
Cyclic
Circular gradient for periodic data
8 colors
0°
#F5F5F5
45°
#F5F5F5
90°
#F5F5F5
135°
#F5F5F5
180°
#F5F5F5
225°
#F5F5F5
270°
#F5F5F5
315°
#F5F5F5
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#ABABAB
Pastel 1
#B6B6B6
Pastel 2
#C1C1C1
Pastel 3
#CDCDCD
Pastel 4
#D8D8D8
Deep Pastel
#E3E3E3
Gainsboro
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F2F2F2
Light
#EBEBEB
Medium Light
#E3E3E3
Medium
#DCDCDC
Medium Dark
#B9B9B9
Dark
#979797
Darkest
#767676
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#DCDCDC
Left Dark
#E2E2E2
Left Medium
#E8E8E8
Left Light
#EFEFEF
Neutral
#F5F5F5
Right Light
#EFEFEF
Right Medium
#E8E8E8
Right Dark
#E2E2E2
Complementary End
#DCDCDC
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#EDEDED
Medium
#DCDCDC
Dark
#686868
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#DCDCDC
Left Adjacent 1
#DCDCDC
Main
#DCDCDC
Right Adjacent 1
#DCDCDC
Right Adjacent 2
#DCDCDC
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#DCDCDC
Complementary
#DCDCDC
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#DCDCDC
Secondary
#DCDCDC
Tertiary
#DCDCDC
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#DCDCDC
Right 90°
#DCDCDC
Complementary
#DCDCDC
Left 90°
#DCDCDC
Tetradic
Two pairs of complementary colors
4 colors
Main
#DCDCDC
Secondary
#DCDCDC
Complementary
#DCDCDC
Complementary Secondary
#DCDCDC
Split Complementary
Complementary colors ±30°
3 colors
Main
#DCDCDC
Split Left
#DCDCDC
Split Right
#DCDCDC
Cyclic
Circular gradient for periodic data
8 colors
0°
#DCDCDC
45°
#DCDCDC
90°
#DCDCDC
135°
#DCDCDC
180°
#DCDCDC
225°
#DCDCDC
270°
#DCDCDC
315°
#DCDCDC
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#ABABAB
Pastel 1
#B6B6B6
Pastel 2
#C1C1C1
Pastel 3
#CDCDCD
Pastel 4
#D8D8D8
Deep Pastel
#E3E3E3
Light Gray
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F2F2F2
Light
#E8E8E8
Medium Light
#DDDDDD
Medium
#D3D3D3
Medium Dark
#B0B0B0
Dark
#8E8E8E
Darkest
#6D6D6D
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#D3D3D3
Left Dark
#DBDBDB
Left Medium
#E4E4E4
Left Light
#ECECEC
Neutral
#F5F5F5
Right Light
#ECECEC
Right Medium
#E4E4E4
Right Dark
#DBDBDB
Complementary End
#D3D3D3
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#E9E9E9
Medium
#D3D3D3
Dark
#646464
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#D3D3D3
Left Adjacent 1
#D3D3D3
Main
#D3D3D3
Right Adjacent 1
#D3D3D3
Right Adjacent 2
#D3D3D3
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#D3D3D3
Complementary
#D3D3D3
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#D3D3D3
Secondary
#D3D3D3
Tertiary
#D3D3D3
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#D3D3D3
Right 90°
#D3D3D3
Complementary
#D3D3D3
Left 90°
#D3D3D3
Tetradic
Two pairs of complementary colors
4 colors
Main
#D3D3D3
Secondary
#D3D3D3
Complementary
#D3D3D3
Complementary Secondary
#D3D3D3
Split Complementary
Complementary colors ±30°
3 colors
Main
#D3D3D3
Split Left
#D3D3D3
Split Right
#D3D3D3
Cyclic
Circular gradient for periodic data
8 colors
0°
#D3D3D3
45°
#D3D3D3
90°
#D3D3D3
135°
#D3D3D3
180°
#D3D3D3
225°
#D3D3D3
270°
#D3D3D3
315°
#D3D3D3
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#ABABAB
Pastel 1
#B6B6B6
Pastel 2
#C1C1C1
Pastel 3
#CDCDCD
Pastel 4
#D8D8D8
Deep Pastel
#E3E3E3
Silver
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F2F2F2
Light
#E1E1E1
Medium Light
#D1D1D1
Medium
#C0C0C0
Medium Dark
#9D9D9D
Dark
#7A7A7A
Darkest
#5A5A5A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#C0C0C0
Left Dark
#CDCDCD
Left Medium
#DADADA
Left Light
#E8E8E8
Neutral
#F5F5F5
Right Light
#E8E8E8
Right Medium
#DADADA
Right Dark
#CDCDCD
Complementary End
#C0C0C0
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#DFDFDF
Medium
#C0C0C0
Dark
#5B5B5B
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#C0C0C0
Left Adjacent 1
#C0C0C0
Main
#C0C0C0
Right Adjacent 1
#C0C0C0
Right Adjacent 2
#C0C0C0
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#C0C0C0
Complementary
#C0C0C0
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#C0C0C0
Secondary
#C0C0C0
Tertiary
#C0C0C0
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#C0C0C0
Right 90°
#C0C0C0
Complementary
#C0C0C0
Left 90°
#C0C0C0
Tetradic
Two pairs of complementary colors
4 colors
Main
#C0C0C0
Secondary
#C0C0C0
Complementary
#C0C0C0
Complementary Secondary
#C0C0C0
Split Complementary
Complementary colors ±30°
3 colors
Main
#C0C0C0
Split Left
#C0C0C0
Split Right
#C0C0C0
Cyclic
Circular gradient for periodic data
8 colors
0°
#C0C0C0
45°
#C0C0C0
90°
#C0C0C0
135°
#C0C0C0
180°
#C0C0C0
225°
#C0C0C0
270°
#C0C0C0
315°
#C0C0C0
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#ABABAB
Pastel 1
#B6B6B6
Pastel 2
#C1C1C1
Pastel 3
#CDCDCD
Pastel 4
#D8D8D8
Deep Pastel
#E3E3E3
Light Slate Gray
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E6EFF7
Light
#C0CBD7
Medium Light
#9BA9B7
Medium
#778899
Medium Dark
#59636E
Dark
#3C4146
Darkest
#212122
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#778899
Left Dark
#95A2AF
Left Medium
#B5BDC6
Left Light
#D4D9DD
Neutral
#F5F5F5
Right Light
#DED9D4
Right Medium
#C7BDB4
Right Dark
#B0A295
Complementary End
#998877
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#B9C2CB
Medium
#778899
Dark
#334453
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#779988
Left Adjacent 1
#779999
Main
#778899
Right Adjacent 1
#777799
Right Adjacent 2
#887799
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#778899
Complementary
#998877
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#778899
Secondary
#997788
Tertiary
#889977
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#778899
Right 90°
#997799
Complementary
#998877
Left 90°
#779977
Tetradic
Two pairs of complementary colors
4 colors
Main
#778899
Secondary
#887799
Complementary
#998877
Complementary Secondary
#889977
Split Complementary
Complementary colors ±30°
3 colors
Main
#778899
Split Left
#997777
Split Right
#999977
Cyclic
Circular gradient for periodic data
8 colors
0°
#778899
45°
#807799
90°
#997799
135°
#99777F
180°
#998877
225°
#919977
270°
#779977
315°
#779991
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#ABB3BA
Pastel 1
#B6BDC3
Pastel 2
#C1C7CD
Pastel 3
#CDD1D6
Pastel 4
#D8DBDF
Deep Pastel
#E3E5E8
Pale Violet Red
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFE8F0
Light
#F5C1D0
Medium Light
#E999B1
Medium
#DB7093
Medium Dark
#B15471
Dark
#883851
Darkest
#611E33
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#DB7093
Left Dark
#E492AB
Left Medium
#ECB3C3
Left Light
#F1D4DC
Neutral
#F5F5F5
Right Light
#D7EFE5
Right Medium
#B7E9D6
Right Dark
#96E2C7
Complementary End
#70DBB8
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#F1B8C8
Medium
#DB7093
Dark
#841F48
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#B870DB
Left Adjacent 1
#DB70C9
Main
#DB7093
Right Adjacent 1
#DB8270
Right Adjacent 2
#DBB870
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#DB7093
Complementary
#70DBB8
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#DB7093
Secondary
#93DB70
Tertiary
#7093DB
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#DB7093
Right 90°
#C8DB70
Complementary
#70DBB8
Left 90°
#8270DB
Tetradic
Two pairs of complementary colors
4 colors
Main
#DB7093
Secondary
#DBB870
Complementary
#70DBB8
Complementary Secondary
#7093DB
Split Complementary
Complementary colors ±30°
3 colors
Main
#DB7093
Split Left
#70DB82
Split Right
#70C9DB
Cyclic
Circular gradient for periodic data
8 colors
0°
#DB7093
45°
#DB9D70
90°
#C8DB70
135°
#78DB70
180°
#70DBB8
225°
#70AEDB
270°
#8270DB
315°
#D370DB
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C0A5AE
Pastel 1
#C9B1B9
Pastel 2
#D1BDC3
Pastel 3
#D9C9CE
Pastel 4
#E2D5D9
Deep Pastel
#EAE1E4
Light 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
Light Salmon
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFE9E0
Light
#FFD1BD
Medium Light
#FFB89B
Medium
#FFA07A
Medium Dark
#E47D54
Dark
#C75A2F
Darkest
#AA3507
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFA07A
Left Dark
#FFB598
Left Medium
#FFCBB6
Left Light
#FCE0D5
Neutral
#F5F5F5
Right Light
#DBEEF8
Right Medium
#BFE7FA
Right Dark
#9FE0FD
Complementary End
#7AD9FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFCFBB
Medium
#FFA07A
Dark
#904021
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF7AD9
Left Adjacent 1
#FF7A97
Main
#FFA07A
Right Adjacent 1
#FFE27A
Right Adjacent 2
#D9FF7A
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFA07A
Complementary
#7AD9FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFA07A
Secondary
#7AFFA0
Tertiary
#A07AFF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFA07A
Right 90°
#97FF7A
Complementary
#7AD9FF
Left 90°
#E37AFF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFA07A
Secondary
#D9FF7A
Complementary
#7AD9FF
Complementary Secondary
#A07AFF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFA07A
Split Left
#7AFFE2
Split Right
#7A97FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFA07A
45°
#FAFF7A
90°
#97FF7A
135°
#7AFFC1
180°
#7AD9FF
225°
#7F7AFF
270°
#E37AFF
315°
#FF7AB8
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9A99C
Pastel 1
#D1B4A9
Pastel 2
#D8C0B6
Pastel 3
#DFCBC3
Pastel 4
#E6D7D1
Deep Pastel
#EDE2DE
Extract Light Summer Color Palette
Upload a photo to extract a Light Summer color palette with HEX and RGB codes.
click or drag your image here
Supported formats: JPG, PNG, WebP