Appearance
25+ Summer Color Palettes
Generate 25+ Summer color palettes from seasonal colors. Each palette is created from a base color, featuring soft, cool, and muted Summer hues that follow professional color theory principles. Perfect for personal style coordination, home decor, and creative projects for those with Summer personal coloring.
Summer Colors
Powder Blue →
HEX#B0E0E6
RGBrgb(176, 224, 230)
Lavender →
HEX#E6E6FA
RGBrgb(230, 230, 250)
Dusty Rose →
HEX#D8A2A8
RGBrgb(216, 162, 168)
Misty Blue →
HEX#7A9EB1
RGBrgb(122, 158, 177)
Cool Gray →
HEX#8C92AC
RGBrgb(140, 146, 172)
Silver →
HEX#C0C0C0
RGBrgb(192, 192, 192)
Periwinkle →
HEX#CCCCFF
RGBrgb(204, 204, 255)
Soft Pink →
HEX#F8C8DC
RGBrgb(248, 200, 220)
Pale Aqua →
HEX#BCD9E7
RGBrgb(188, 217, 231)
Cool Mint →
HEX#C1F0F6
RGBrgb(193, 240, 246)
Dusty Lavender →
HEX#A99AC2
RGBrgb(169, 154, 194)
Slate Blue →
HEX#6A5ACD
RGBrgb(106, 90, 205)
Cool Green →
HEX#8FBC8F
RGBrgb(143, 188, 143)
Steel Blue →
HEX#4682B4
RGBrgb(70, 130, 180)
Rose Quartz →
HEX#F7CAC9
RGBrgb(247, 202, 201)
Cool Beige →
HEX#E1D7C7
RGBrgb(225, 215, 199)
Dusty Teal →
HEX#7AB6B6
RGBrgb(122, 182, 182)
Lilac →
HEX#C8A2C8
RGBrgb(200, 162, 200)
Cool Taupe →
HEX#8B8589
RGBrgb(139, 133, 137)
Soft Lilac →
HEX#D8BFD8
RGBrgb(216, 191, 216)
Dusty Blue →
HEX#7B9EB1
RGBrgb(123, 158, 177)
Muted Mauve →
HEX#C6A4A4
RGBrgb(198, 164, 164)
Cool White →
HEX#F8F8FF
RGBrgb(248, 248, 255)
Pale Gray →
HEX#D3D3D3
RGBrgb(211, 211, 211)
Soft Blue →
HEX#ADD8E6
RGBrgb(173, 216, 230)
Dusty Plum →
HEX#8B668B
RGBrgb(139, 102, 139)
Cool Lavender →
HEX#E6E6FA
RGBrgb(230, 230, 250)
Muted Sage →
HEX#9CAF88
RGBrgb(156, 175, 136)
Dusty Coral →
HEX#D29B9B
RGBrgb(210, 155, 155)
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 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
Dusty Rose
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F6EAEB
Light
#EDD2D4
Medium Light
#E3BABE
Medium
#D8A2A8
Medium Dark
#B77D82
Dark
#96595E
Darkest
#76373D
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#D8A2A8
Left Dark
#E0B6BB
Left Medium
#E8CBCE
Left Light
#EFE0E1
Neutral
#F5F5F5
Right Light
#E1EEEC
Right Medium
#CCE7E3
Right Dark
#B7DFDB
Complementary End
#A2D8D2
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#EDD0D3
Medium
#D8A2A8
Dark
#76474E
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#D2A2D8
Left Adjacent 1
#D8A2C3
Main
#D8A2A8
Right Adjacent 1
#D8B7A2
Right Adjacent 2
#D8D2A2
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#D8A2A8
Complementary
#A2D8D2
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#D8A2A8
Secondary
#A8D8A2
Tertiary
#A2A8D8
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#D8A2A8
Right 90°
#C3D8A2
Complementary
#A2D8D2
Left 90°
#B7A2D8
Tetradic
Two pairs of complementary colors
4 colors
Main
#D8A2A8
Secondary
#D8D2A2
Complementary
#A2D8D2
Complementary Secondary
#A2A8D8
Split Complementary
Complementary colors ±30°
3 colors
Main
#D8A2A8
Split Left
#A2D8B7
Split Right
#A2C3D8
Cyclic
Circular gradient for periodic data
8 colors
0°
#D8A2A8
45°
#D8C4A2
90°
#C3D8A2
135°
#A2D8AA
180°
#A2D8D2
225°
#A2B6D8
270°
#B7A2D8
315°
#D8A2D1
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BCA9AB
Pastel 1
#C5B5B6
Pastel 2
#CEC0C2
Pastel 3
#D7CBCD
Pastel 4
#E0D7D8
Deep Pastel
#E9E2E3
Misty Blue
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E8F5FB
Light
#C3D7E2
Medium Light
#9EBAC9
Medium
#7A9EB1
Medium Dark
#5E7886
Dark
#43545D
Darkest
#2A3237
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#7A9EB1
Left Dark
#99B3C2
Left Medium
#B7C9D3
Left Light
#D6DFE4
Neutral
#F5F5F5
Right Light
#E5DAD5
Right Medium
#D4C0B6
Right Dark
#C3A697
Complementary End
#B18D7A
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#BCCDD7
Medium
#7A9EB1
Dark
#2A4F60
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#7AB18D
Left Adjacent 1
#7AB1A9
Main
#7A9EB1
Right Adjacent 1
#7A82B1
Right Adjacent 2
#8D7AB1
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#7A9EB1
Complementary
#B18D7A
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#7A9EB1
Secondary
#B17A9E
Tertiary
#9EB17A
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#7A9EB1
Right 90°
#A97AB1
Complementary
#B18D7A
Left 90°
#83B17A
Tetradic
Two pairs of complementary colors
4 colors
Main
#7A9EB1
Secondary
#8D7AB1
Complementary
#B18D7A
Complementary Secondary
#9EB17A
Split Complementary
Complementary colors ±30°
3 colors
Main
#7A9EB1
Split Left
#B17A82
Split Right
#B1A97A
Cyclic
Circular gradient for periodic data
8 colors
0°
#7A9EB1
45°
#7F7AB1
90°
#A97AB1
135°
#B17A90
180°
#B18D7A
225°
#ACB17A
270°
#83B17A
315°
#7AB19B
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#ABB5BA
Pastel 1
#B6BFC3
Pastel 2
#C1C9CD
Pastel 3
#CDD3D6
Pastel 4
#D8DCDF
Deep Pastel
#E3E6E8
Cool Gray
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#EEF1FB
Light
#CDD0E0
Medium Light
#ACB1C6
Medium
#8C92AC
Medium Dark
#6B7084
Dark
#4C4F5D
Darkest
#2F313A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#8C92AC
Left Dark
#A6AABE
Left Medium
#C0C2D0
Left Light
#DADBE2
Neutral
#F5F5F5
Right Light
#E3E1DA
Right Medium
#D0CDBF
Right Dark
#BEB9A5
Complementary End
#ACA68C
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#C4C7D5
Medium
#8C92AC
Dark
#41475E
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#8CACA6
Left Adjacent 1
#8CA2AC
Main
#8C92AC
Right Adjacent 1
#968CAC
Right Adjacent 2
#A68CAC
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#8C92AC
Complementary
#ACA68C
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#8C92AC
Secondary
#AC8C92
Tertiary
#92AC8C
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#8C92AC
Right 90°
#AC8CA2
Complementary
#ACA68C
Left 90°
#8CAC96
Tetradic
Two pairs of complementary colors
4 colors
Main
#8C92AC
Secondary
#A68CAC
Complementary
#ACA68C
Complementary Secondary
#92AC8C
Split Complementary
Complementary colors ±30°
3 colors
Main
#8C92AC
Split Left
#AC968C
Split Right
#A2AC8C
Cyclic
Circular gradient for periodic data
8 colors
0°
#8C92AC
45°
#9E8CAC
90°
#AC8CA2
135°
#AC8E8C
180°
#ACA68C
225°
#9AAC8C
270°
#8CAC96
315°
#8CAAAC
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#ABAEBA
Pastel 1
#B6B9C3
Pastel 2
#C1C3CD
Pastel 3
#CDCED6
Pastel 4
#D8D9DF
Deep Pastel
#E3E4E8
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
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
Soft Pink
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FCE8F1
Light
#FBDEEA
Medium Light
#FAD3E3
Medium
#F8C8DC
Medium Dark
#F099B4
Dark
#E4688E
Darkest
#D4286B
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#F8C8DC
Left Dark
#F8D3E2
Left Medium
#F7DFE8
Left Light
#F6EAEF
Neutral
#F5F5F5
Right Light
#EAF6F1
Right Medium
#DFF7EC
Right Dark
#D4F7E8
Complementary End
#C8F8E4
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FCE4ED
Medium
#F8C8DC
Dark
#82596B
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#E4C8F8
Left Adjacent 1
#F8C8F4
Main
#F8C8DC
Right Adjacent 1
#F8CCC8
Right Adjacent 2
#F8E4C8
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#F8C8DC
Complementary
#C8F8E4
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#F8C8DC
Secondary
#DCF8C8
Tertiary
#C8DCF8
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#F8C8DC
Right 90°
#F4F8C8
Complementary
#C8F8E4
Left 90°
#CCC8F8
Tetradic
Two pairs of complementary colors
4 colors
Main
#F8C8DC
Secondary
#F8E4C8
Complementary
#C8F8E4
Complementary Secondary
#C8DCF8
Split Complementary
Complementary colors ±30°
3 colors
Main
#F8C8DC
Split Left
#C8F8CC
Split Right
#C8F4F8
Cyclic
Circular gradient for periodic data
8 colors
0°
#F8C8DC
45°
#F8D8C8
90°
#F4F8C8
135°
#D0F8C8
180°
#C8F8E4
225°
#C8E8F8
270°
#CCC8F8
315°
#F0C8F8
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C4A1B0
Pastel 1
#CCADBA
Pastel 2
#D4BAC5
Pastel 3
#DCC6CF
Pastel 4
#E4D3DA
Deep Pastel
#EBE0E5
Pale Aqua
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#ECF4F8
Light
#DCEBF3
Medium Light
#CCE2ED
Medium
#BCD9E7
Medium Dark
#95B9CC
Dark
#6E9AB2
Darkest
#467C99
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#BCD9E7
Left Dark
#CBE0EB
Left Medium
#D9E7EE
Left Light
#E7EEF2
Neutral
#F5F5F5
Right Light
#F2EAE7
Right Medium
#EFDFD8
Right Dark
#EBD5CA
Complementary End
#E7CABC
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#DEECF3
Medium
#BCD9E7
Dark
#4D6875
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#BCE7CA
Left Adjacent 1
#BCE7E0
Main
#BCD9E7
Right Adjacent 1
#BCC3E7
Right Adjacent 2
#CABCE7
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#BCD9E7
Complementary
#E7CABC
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#BCD9E7
Secondary
#E7BCD9
Tertiary
#D9E7BC
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#BCD9E7
Right 90°
#E0BCE7
Complementary
#E7CABC
Left 90°
#C3E7BC
Tetradic
Two pairs of complementary colors
4 colors
Main
#BCD9E7
Secondary
#CABCE7
Complementary
#E7CABC
Complementary Secondary
#D9E7BC
Split Complementary
Complementary colors ±30°
3 colors
Main
#BCD9E7
Split Left
#E7BCC3
Split Right
#E7E0BC
Cyclic
Circular gradient for periodic data
8 colors
0°
#BCD9E7
45°
#BFBCE7
90°
#E0BCE7
135°
#E7BCCE
180°
#E7CABC
225°
#E4E7BC
270°
#C3E7BC
315°
#BCE7D5
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A8B6BD
Pastel 1
#B3C0C6
Pastel 2
#BFCACF
Pastel 3
#CBD3D8
Pastel 4
#D6DDE0
Deep Pastel
#E2E7E9
Cool Mint
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E9FAFC
Light
#DCF6FA
Medium Light
#CFF3F8
Medium
#C1F0F6
Medium Dark
#9BDDE7
Dark
#72CAD8
Darkest
#3FB8CA
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#C1F0F6
Left Dark
#CFF1F6
Left Medium
#DCF3F6
Left Light
#E9F4F5
Neutral
#F5F5F5
Right Light
#F6E9E8
Right Medium
#F6DEDB
Right Dark
#F6D2CE
Complementary End
#F6C7C1
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#E1F8FB
Medium
#C1F0F6
Dark
#487479
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#C1F6C7
Left Adjacent 1
#C1F6E2
Main
#C1F0F6
Right Adjacent 1
#C1D5F6
Right Adjacent 2
#C7C1F6
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#C1F0F6
Complementary
#F6C7C1
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#C1F0F6
Secondary
#F6C1F0
Tertiary
#F0F6C1
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#C1F0F6
Right 90°
#E2C1F6
Complementary
#F6C7C1
Left 90°
#D6F6C1
Tetradic
Two pairs of complementary colors
4 colors
Main
#C1F0F6
Secondary
#C7C1F6
Complementary
#F6C7C1
Complementary Secondary
#F0F6C1
Split Complementary
Complementary colors ±30°
3 colors
Main
#C1F0F6
Split Left
#F6C1D6
Split Right
#F6E2C1
Cyclic
Circular gradient for periodic data
8 colors
0°
#C1F0F6
45°
#C1C8F6
90°
#E2C1F6
135°
#F6C1E3
180°
#F6C7C1
225°
#F6EFC1
270°
#D6F6C1
315°
#C1F6D4
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A1C0C4
Pastel 1
#AEC8CC
Pastel 2
#BAD1D3
Pastel 3
#C7D9DB
Pastel 4
#D3E1E3
Deep Pastel
#E0EAEB
Dusty Lavender
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F3EEFB
Light
#DAD1E8
Medium Light
#C1B5D5
Medium
#A99AC2
Medium Dark
#85779C
Dark
#635678
Darkest
#433755
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#A99AC2
Left Dark
#BCB0CF
Left Medium
#CFC7DB
Left Light
#E2DEE8
Neutral
#F5F5F5
Right Light
#E4E8DE
Right Medium
#D4DBC7
Right Dark
#C3CFB0
Complementary End
#B3C29A
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#D4CBE0
Medium
#A99AC2
Dark
#54486B
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#9AB3C2
Left Adjacent 1
#9A9FC2
Main
#A99AC2
Right Adjacent 1
#BD9AC2
Right Adjacent 2
#C29AB3
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#A99AC2
Complementary
#B3C29A
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#A99AC2
Secondary
#C2A99A
Tertiary
#9AC2A9
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#A99AC2
Right 90°
#C29A9F
Complementary
#B3C29A
Left 90°
#9AC2BD
Tetradic
Two pairs of complementary colors
4 colors
Main
#A99AC2
Secondary
#C29AB3
Complementary
#B3C29A
Complementary Secondary
#9AC2A9
Split Complementary
Complementary colors ±30°
3 colors
Main
#A99AC2
Split Left
#C2BD9A
Split Right
#9FC29A
Cyclic
Circular gradient for periodic data
8 colors
0°
#A99AC2
45°
#C29ABD
90°
#C29A9F
135°
#C2B39A
180°
#B3C29A
225°
#9AC29F
270°
#9AC2BD
315°
#9AA9C2
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#B1ABBA
Pastel 1
#BBB6C3
Pastel 2
#C5C1CD
Pastel 3
#D0CDD6
Pastel 4
#DAD8DF
Deep Pastel
#E5E3E8
Slate Blue
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#EDEBFF
Light
#C5B8EF
Medium Light
#9A88DE
Medium
#6A5ACD
Medium Dark
#4F429C
Dark
#352B6D
Darkest
#1D1642
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#6A5ACD
Left Dark
#917FD8
Left Medium
#B4A5E2
Left Light
#D5CCEC
Neutral
#F5F5F5
Right Light
#E9EBCE
Right Medium
#DCE1A8
Right Dark
#CDD782
Complementary End
#BDCD5A
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#B9AAE7
Medium
#6A5ACD
Dark
#24268F
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#5ABDCD
Left Adjacent 1
#5A84CD
Main
#6A5ACD
Right Adjacent 1
#A35ACD
Right Adjacent 2
#CD5ABD
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#6A5ACD
Complementary
#BDCD5A
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#6A5ACD
Secondary
#CD6A5A
Tertiary
#5ACD6A
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#6A5ACD
Right 90°
#CD5A84
Complementary
#BDCD5A
Left 90°
#5ACDA3
Tetradic
Two pairs of complementary colors
4 colors
Main
#6A5ACD
Secondary
#CD5ABD
Complementary
#BDCD5A
Complementary Secondary
#5ACD6A
Split Complementary
Complementary colors ±30°
3 colors
Main
#6A5ACD
Split Left
#CDA35A
Split Right
#84CD5A
Cyclic
Circular gradient for periodic data
8 colors
0°
#6A5ACD
45°
#C05ACD
90°
#CD5A84
135°
#CD875A
180°
#BDCD5A
225°
#67CD5A
270°
#5ACDA3
315°
#5AA0CD
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#AAA6BF
Pastel 1
#B5B2C7
Pastel 2
#C0BED0
Pastel 3
#CCCAD8
Pastel 4
#D7D6E1
Deep Pastel
#E3E1EA
Cool Green
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#EBF7EB
Light
#CCE3CC
Medium Light
#ADD0AD
Medium
#8FBC8F
Medium Dark
#6F966F
Dark
#507150
Darkest
#344F33
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#8FBC8F
Left Dark
#A8CAA8
Left Medium
#C2D8C1
Left Light
#DBE7DB
Neutral
#F5F5F5
Right Light
#E7DBE7
Right Medium
#D9C1D8
Right Dark
#CBA8CA
Complementary End
#BC8FBC
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#C7DDC6
Medium
#8FBC8F
Dark
#345E37
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#BCBC8F
Left Adjacent 1
#A6BC8F
Main
#8FBC8F
Right Adjacent 1
#8FBCA6
Right Adjacent 2
#8FBCBC
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#8FBC8F
Complementary
#BC8FBC
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#8FBC8F
Secondary
#8F8FBC
Tertiary
#BC8F8F
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#8FBC8F
Right 90°
#8FA5BC
Complementary
#BC8FBC
Left 90°
#BCA68F
Tetradic
Two pairs of complementary colors
4 colors
Main
#8FBC8F
Secondary
#8FBCBC
Complementary
#BC8FBC
Complementary Secondary
#BC8F8F
Split Complementary
Complementary colors ±30°
3 colors
Main
#8FBC8F
Split Left
#A58FBC
Split Right
#BC8FA6
Cyclic
Circular gradient for periodic data
8 colors
0°
#8FBC8F
45°
#8FBCB1
90°
#8FA5BC
135°
#9A8FBC
180°
#BC8FBC
225°
#BC8F9A
270°
#BCA68F
315°
#B1BC8F
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#ABBAAB
Pastel 1
#B6C3B6
Pastel 2
#C1CDC1
Pastel 3
#CDD6CD
Pastel 4
#D8DFD8
Deep Pastel
#E3E8E3
Steel Blue
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#D1E5F6
Light
#A5C3E0
Medium Light
#78A2CA
Medium
#4682B4
Medium Dark
#355C7D
Dark
#24384A
Darkest
#12171D
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#4682B4
Left Dark
#779DC4
Left Medium
#A3BAD4
Left Light
#CCD7E5
Neutral
#F5F5F5
Right Light
#E8D4C7
Right Medium
#D9B59A
Right Dark
#C89670
Complementary End
#B47846
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#A7BED9
Medium
#4682B4
Dark
#00436F
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#46B478
Left Adjacent 1
#46B4AF
Main
#4682B4
Right Adjacent 1
#464BB4
Right Adjacent 2
#7846B4
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#4682B4
Complementary
#B47846
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#4682B4
Secondary
#B44682
Tertiary
#82B446
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#4682B4
Right 90°
#AF46B4
Complementary
#B47846
Left 90°
#4BB446
Tetradic
Two pairs of complementary colors
4 colors
Main
#4682B4
Secondary
#7846B4
Complementary
#B47846
Complementary Secondary
#82B446
Split Complementary
Complementary colors ±30°
3 colors
Main
#4682B4
Split Left
#B4464B
Split Right
#B4AF46
Cyclic
Circular gradient for periodic data
8 colors
0°
#4682B4
45°
#5D46B4
90°
#AF46B4
135°
#B44666
180°
#B47846
225°
#9EB446
270°
#4BB446
315°
#46B493
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A8B3BD
Pastel 1
#B4BDC5
Pastel 2
#BFC8CE
Pastel 3
#CBD2D7
Pastel 4
#D7DCE0
Deep Pastel
#E2E6E9
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
Cool Beige
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F6F3EE
Light
#EFEAE1
Medium Light
#E8E0D4
Medium
#E1D7C7
Medium Dark
#C5B69F
Dark
#A99578
Darkest
#8D7653
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#E1D7C7
Left Dark
#E6DED2
Left Medium
#EBE6DE
Left Light
#F0EDE9
Neutral
#F5F5F5
Right Light
#E9ECF0
Right Medium
#DEE3EB
Right Dark
#D2DAE6
Complementary End
#C7D1E1
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#F0EBE3
Medium
#E1D7C7
Dark
#6D6557
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#E1C7D1
Left Adjacent 1
#E1CAC7
Main
#E1D7C7
Right Adjacent 1
#DEE1C7
Right Adjacent 2
#D1E1C7
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#E1D7C7
Complementary
#C7D1E1
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#E1D7C7
Secondary
#C7E1D7
Tertiary
#D7C7E1
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#E1D7C7
Right 90°
#C7E1CA
Complementary
#C7D1E1
Left 90°
#E1C7DE
Tetradic
Two pairs of complementary colors
4 colors
Main
#E1D7C7
Secondary
#D1E1C7
Complementary
#C7D1E1
Complementary Secondary
#D7C7E1
Split Complementary
Complementary colors ±30°
3 colors
Main
#E1D7C7
Split Left
#C7DEE1
Split Right
#CAC7E1
Cyclic
Circular gradient for periodic data
8 colors
0°
#E1D7C7
45°
#D7E1C7
90°
#C7E1CA
135°
#C7E1DE
180°
#C7D1E1
225°
#D1C7E1
270°
#E1C7DE
315°
#E1C7CB
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BAB4AB
Pastel 1
#C3BEB6
Pastel 2
#CDC8C1
Pastel 3
#D6D2CD
Pastel 4
#DFDCD8
Deep Pastel
#E8E6E3
Dusty Teal
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E6F8F8
Light
#C2E2E2
Medium Light
#9ECCCC
Medium
#7AB6B6
Medium Dark
#5F8C8C
Dark
#456464
Darkest
#2C3F3F
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#7AB6B6
Left Dark
#9AC6C5
Left Medium
#B8D5D5
Left Light
#D7E5E5
Neutral
#F5F5F5
Right Light
#E7D5D5
Right Medium
#D7B6B6
Right Dark
#C79897
Complementary End
#B67A7A
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#BDDADA
Medium
#7AB6B6
Dark
#1C5B5C
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#7AB67A
Left Adjacent 1
#7AB698
Main
#7AB6B6
Right Adjacent 1
#7A98B6
Right Adjacent 2
#7A7AB6
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#7AB6B6
Complementary
#B67A7A
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#7AB6B6
Secondary
#B67AB6
Tertiary
#B6B67A
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#7AB6B6
Right 90°
#987AB6
Complementary
#B67A7A
Left 90°
#98B67A
Tetradic
Two pairs of complementary colors
4 colors
Main
#7AB6B6
Secondary
#7A7AB6
Complementary
#B67A7A
Complementary Secondary
#B6B67A
Split Complementary
Complementary colors ±30°
3 colors
Main
#7AB6B6
Split Left
#B67A98
Split Right
#B6987A
Cyclic
Circular gradient for periodic data
8 colors
0°
#7AB6B6
45°
#7A89B6
90°
#987AB6
135°
#B67AA7
180°
#B67A7A
225°
#B6A77A
270°
#98B67A
315°
#7AB689
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#ABBABA
Pastel 1
#B6C3C3
Pastel 2
#C1CDCD
Pastel 3
#CDD6D6
Pastel 4
#D8DFDF
Deep Pastel
#E3E8E8
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
Cool Taupe
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F4ECF1
Light
#D0C8CD
Medium Light
#ADA6AA
Medium
#8B8589
Medium Dark
#656264
Dark
#424041
Darkest
#222222
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#8B8589
Left Dark
#A4A0A3
Left Medium
#BFBBBE
Left Light
#DAD8D9
Neutral
#F5F5F5
Right Light
#D8D9D8
Right Medium
#BBBFBC
Right Dark
#A0A4A1
Complementary End
#858B87
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#C3C0C2
Medium
#8B8589
Dark
#464144
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#87858B
Left Adjacent 1
#8A858B
Main
#8B8589
Right Adjacent 1
#8B8586
Right Adjacent 2
#8B8785
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#8B8589
Complementary
#858B87
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#8B8589
Secondary
#898B85
Tertiary
#85898B
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#8B8589
Right 90°
#8B8A85
Complementary
#858B87
Left 90°
#85868B
Tetradic
Two pairs of complementary colors
4 colors
Main
#8B8589
Secondary
#8B8785
Complementary
#858B87
Complementary Secondary
#85898B
Split Complementary
Complementary colors ±30°
3 colors
Main
#8B8589
Split Left
#868B85
Split Right
#858B8A
Cyclic
Circular gradient for periodic data
8 colors
0°
#8B8589
45°
#8B8685
90°
#8B8A85
135°
#888B85
180°
#858B87
225°
#858B8B
270°
#85868B
315°
#89858B
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BAABB5
Pastel 1
#C3B6BF
Pastel 2
#CDC1C9
Pastel 3
#D6CDD3
Pastel 4
#DFD8DC
Deep Pastel
#E8E3E6
Soft Lilac
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
Dusty Blue
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E8F5FB
Light
#C3D7E2
Medium Light
#9FBAC9
Medium
#7B9EB1
Medium Dark
#5F7886
Dark
#44545D
Darkest
#2A3338
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#7B9EB1
Left Dark
#99B3C2
Left Medium
#B8C9D3
Left Light
#D6DFE4
Neutral
#F5F5F5
Right Light
#E5DAD5
Right Medium
#D4C0B6
Right Dark
#C3A798
Complementary End
#B18E7B
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#BDCDD7
Medium
#7B9EB1
Dark
#2B4F60
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#7BB18E
Left Adjacent 1
#7BB1A9
Main
#7B9EB1
Right Adjacent 1
#7B83B1
Right Adjacent 2
#8E7BB1
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#7B9EB1
Complementary
#B18E7B
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#7B9EB1
Secondary
#B17B9E
Tertiary
#9EB17B
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#7B9EB1
Right 90°
#A97BB1
Complementary
#B18E7B
Left 90°
#83B17B
Tetradic
Two pairs of complementary colors
4 colors
Main
#7B9EB1
Secondary
#8E7BB1
Complementary
#B18E7B
Complementary Secondary
#9EB17B
Split Complementary
Complementary colors ±30°
3 colors
Main
#7B9EB1
Split Left
#B17B83
Split Right
#B1A97B
Cyclic
Circular gradient for periodic data
8 colors
0°
#7B9EB1
45°
#817BB1
90°
#A97BB1
135°
#B17B91
180°
#B18E7B
225°
#ABB17B
270°
#83B17B
315°
#7BB19B
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#ABB5BA
Pastel 1
#B6BFC3
Pastel 2
#C1C9CD
Pastel 3
#CDD2D6
Pastel 4
#D8DCDF
Deep Pastel
#E3E6E8
Muted Mauve
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#EDE3E3
Light
#E0CDCD
Medium Light
#D3B9B8
Medium
#C6A4A4
Medium Dark
#A18180
Dark
#7E5F5F
Darkest
#5C3F3F
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#C6A4A4
Left Dark
#D2B8B8
Left Medium
#DECCCC
Left Light
#EAE0E0
Neutral
#F5F5F5
Right Light
#E1E9E9
Right Medium
#CCDDDD
Right Dark
#B8D2D2
Complementary End
#A4C6C6
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#E3D1D1
Medium
#C6A4A4
Dark
#694B4C
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#C6A4C6
Left Adjacent 1
#C6A4B5
Main
#C6A4A4
Right Adjacent 1
#C6B5A4
Right Adjacent 2
#C6C6A4
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#C6A4A4
Complementary
#A4C6C6
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#C6A4A4
Secondary
#A4C6A4
Tertiary
#A4A4C6
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#C6A4A4
Right 90°
#B5C6A4
Complementary
#A4C6C6
Left 90°
#B5A4C6
Tetradic
Two pairs of complementary colors
4 colors
Main
#C6A4A4
Secondary
#C6C6A4
Complementary
#A4C6C6
Complementary Secondary
#A4A4C6
Split Complementary
Complementary colors ±30°
3 colors
Main
#C6A4A4
Split Left
#A4C6B5
Split Right
#A4B5C6
Cyclic
Circular gradient for periodic data
8 colors
0°
#C6A4A4
45°
#C6BEA4
90°
#B5C6A4
135°
#A4C6AD
180°
#A4C6C6
225°
#A4ACC6
270°
#B5A4C6
315°
#C6A4BE
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BAABAB
Pastel 1
#C3B6B6
Pastel 2
#CDC1C1
Pastel 3
#D6CDCD
Pastel 4
#DFD8D8
Deep Pastel
#E8E3E3
Cool 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
Pale 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
Soft 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
Dusty Plum
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E7D8E8
Light
#C8B1C8
Medium Light
#A98BA9
Medium
#8B668B
Medium Dark
#5F485F
Dark
#372C37
Darkest
#121112
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#8B668B
Left Dark
#A588A5
Left Medium
#BFABBF
Left Light
#DAD0DA
Neutral
#F5F5F5
Right Light
#D0DACF
Right Medium
#ACBFAB
Right Dark
#89A588
Complementary End
#668B66
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#C4B0C4
Medium
#8B668B
Dark
#4F2D4F
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#66668B
Left Adjacent 1
#78668B
Main
#8B668B
Right Adjacent 1
#8B6679
Right Adjacent 2
#8B6666
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#8B668B
Complementary
#668B66
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#8B668B
Secondary
#8B8B66
Tertiary
#668B8B
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#8B668B
Right 90°
#8B7966
Complementary
#668B66
Left 90°
#66788B
Tetradic
Two pairs of complementary colors
4 colors
Main
#8B668B
Secondary
#8B6666
Complementary
#668B66
Complementary Secondary
#668B8B
Split Complementary
Complementary colors ±30°
3 colors
Main
#8B668B
Split Left
#798B66
Split Right
#668B79
Cyclic
Circular gradient for periodic data
8 colors
0°
#8B668B
45°
#8B666F
90°
#8B7966
135°
#828B66
180°
#668B66
225°
#668B82
270°
#66788B
315°
#6F668B
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
Cool 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
Muted Sage
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F0F6EA
Light
#D4DEC9
Medium Light
#B8C6A8
Medium
#9CAF88
Medium Dark
#798869
Dark
#57624B
Darkest
#383F2F
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#9CAF88
Left Dark
#B2C0A2
Left Medium
#C8D2BD
Left Light
#DEE3D9
Neutral
#F5F5F5
Right Light
#DED9E3
Right Medium
#C8BDD2
Right Dark
#B1A2C0
Complementary End
#9B88AF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#CDD6C2
Medium
#9CAF88
Dark
#455734
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#AF9B88
Left Adjacent 1
#AFAF88
Main
#9CAF88
Right Adjacent 1
#89AF88
Right Adjacent 2
#88AF9B
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#9CAF88
Complementary
#9B88AF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#9CAF88
Secondary
#889CAF
Tertiary
#AF889C
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#9CAF88
Right 90°
#88AFAF
Complementary
#9B88AF
Left 90°
#AF8888
Tetradic
Two pairs of complementary colors
4 colors
Main
#9CAF88
Secondary
#88AF9B
Complementary
#9B88AF
Complementary Secondary
#AF889C
Split Complementary
Complementary colors ±30°
3 colors
Main
#9CAF88
Split Left
#8888AF
Split Right
#AF88AF
Cyclic
Circular gradient for periodic data
8 colors
0°
#9CAF88
45°
#88AF91
90°
#88AFAF
135°
#8892AF
180°
#9B88AF
225°
#AF88A6
270°
#AF8888
315°
#AFA588
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#B3BAAB
Pastel 1
#BDC3B6
Pastel 2
#C7CDC1
Pastel 3
#D1D6CD
Pastel 4
#DBDFD8
Deep Pastel
#E6E8E3
Dusty Coral
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F2E1E1
Light
#E8CAC9
Medium Light
#DDB2B2
Medium
#D29B9B
Medium Dark
#AF7777
Dark
#8C5554
Darkest
#6B3534
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#D29B9B
Left Dark
#DCB1B1
Left Medium
#E5C7C7
Left Light
#EDDEDE
Neutral
#F5F5F5
Right Light
#DFECEC
Right Medium
#C9E4E3
Right Dark
#B2DBDB
Complementary End
#9BD2D2
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#EACCCC
Medium
#D29B9B
Dark
#744445
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#D29BD2
Left Adjacent 1
#D29BB6
Main
#D29B9B
Right Adjacent 1
#D2B69B
Right Adjacent 2
#D2D29B
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#D29B9B
Complementary
#9BD2D2
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#D29B9B
Secondary
#9BD29B
Tertiary
#9B9BD2
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#D29B9B
Right 90°
#B6D29B
Complementary
#9BD2D2
Left 90°
#B69BD2
Tetradic
Two pairs of complementary colors
4 colors
Main
#D29B9B
Secondary
#D2D29B
Complementary
#9BD2D2
Complementary Secondary
#9B9BD2
Split Complementary
Complementary colors ±30°
3 colors
Main
#D29B9B
Split Left
#9BD2B6
Split Right
#9BB6D2
Cyclic
Circular gradient for periodic data
8 colors
0°
#D29B9B
45°
#D2C49B
90°
#B6D29B
135°
#9BD2A9
180°
#9BD2D2
225°
#9BA9D2
270°
#B69BD2
315°
#D29BC4
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BBAAAA
Pastel 1
#C4B5B5
Pastel 2
#CDC1C1
Pastel 3
#D6CCCC
Pastel 4
#DFD7D7
Deep Pastel
#E8E3E3
Extract Summer Color Palette
Upload a photo to extract a Summer color palette with HEX and RGB codes.
click or drag your image here
Supported formats: JPG, PNG, WebP