Appearance
25+ Cool Summer (True Summer) Color Palettes
Generate 25+ Cool Summer color palettes from seasonal colors. Each palette is created from a base color, featuring cool, clear, and moderate Summer hues that follow professional color theory principles. Perfect for personal style coordination, home decor, and creative projects for those with Cool Summer personal coloring.
Cool Summer Colors
True Blue →
HEX#0073C2
RGBrgb(0, 115, 194)
Cool Pink →
HEX#E75480
RGBrgb(231, 84, 128)
Summer Green →
HEX#4F7942
RGBrgb(79, 121, 66)
Cool Purple →
HEX#8A2BE2
RGBrgb(138, 43, 226)
Steel Blue →
HEX#4682B4
RGBrgb(70, 130, 180)
Cool Gray →
HEX#808080
RGBrgb(128, 128, 128)
Cadet Blue →
HEX#5F9EA0
RGBrgb(95, 158, 160)
Slate Gray →
HEX#708090
RGBrgb(112, 128, 144)
Medium Slate Blue →
HEX#7B68EE
RGBrgb(123, 104, 238)
Cornflower Blue →
HEX#6495ED
RGBrgb(100, 149, 237)
Royal Blue →
HEX#4169E1
RGBrgb(65, 105, 225)
Medium Purple →
HEX#9370DB
RGBrgb(147, 112, 219)
Medium Sea Green →
HEX#3CB371
RGBrgb(60, 179, 113)
Teal →
HEX#008080
RGBrgb(0, 128, 128)
Light Sea Green →
HEX#20B2AA
RGBrgb(32, 178, 170)
Dark Cyan →
HEX#008B8B
RGBrgb(0, 139, 139)
Dark Slate Blue →
HEX#483D8B
RGBrgb(72, 61, 139)
Midnight Blue →
HEX#191970
RGBrgb(25, 25, 112)
Cool Rose →
HEX#C08081
RGBrgb(192, 128, 129)
Cool Lavender →
HEX#B19CD9
RGBrgb(177, 156, 217)
Cool Mint →
HEX#98FF98
RGBrgb(152, 255, 152)
Cool Aqua →
HEX#00CED1
RGBrgb(0, 206, 209)
Cool Plum →
HEX#8B668B
RGBrgb(139, 102, 139)
Cool Berry →
HEX#8B008B
RGBrgb(139, 0, 139)
Cool Charcoal →
HEX#36454F
RGBrgb(54, 69, 79)
Cool Navy →
HEX#000080
RGBrgb(0, 0, 128)
Cool Mauve →
HEX#915F6D
RGBrgb(145, 95, 109)
Cool Lilac →
HEX#C8A2C8
RGBrgb(200, 162, 200)
Cool Periwinkle →
HEX#CCCCFF
RGBrgb(204, 204, 255)
Cool Steel →
HEX#4682B4
RGBrgb(70, 130, 180)
Cool 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 Cool Summer hue.
True Blue
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#85D2FF
Light
#66B1EB
Medium Light
#4291D6
Medium
#0073C2
Medium Dark
#174F82
Dark
#152E48
Darkest
#060E15
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#0073C2
Left Dark
#6591CF
Left Medium
#99B1DC
Left Light
#C8D3E9
Neutral
#F5F5F5
Right Light
#F2CBB8
Right Medium
#E7A27E
Right Dark
#D77945
Complementary End
#C24F00
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#9DB6E1
Medium
#0073C2
Dark
#003C82
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#00C24F
Left Adjacent 1
#00C2B0
Main
#0073C2
Right Adjacent 1
#0012C2
Right Adjacent 2
#4F00C2
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#0073C2
Complementary
#C24F00
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#0073C2
Secondary
#C20073
Tertiary
#73C200
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#0073C2
Right 90°
#B000C2
Complementary
#C24F00
Left 90°
#12C200
Tetradic
Two pairs of complementary colors
4 colors
Main
#0073C2
Secondary
#4F00C2
Complementary
#C24F00
Complementary Secondary
#73C200
Split Complementary
Complementary colors ±30°
3 colors
Main
#0073C2
Split Left
#C20012
Split Right
#C2B000
Cyclic
Circular gradient for periodic data
8 colors
0°
#0073C2
45°
#1E00C2
90°
#B000C2
135°
#C20042
180°
#C24F00
225°
#A3C200
270°
#12C200
315°
#00C280
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9CB7C9
Pastel 1
#A9C0D1
Pastel 2
#B6CAD8
Pastel 3
#C3D4DF
Pastel 4
#D1DDE6
Deep Pastel
#DEE7ED
Cool Pink
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFE6EF
Light
#FBB8C8
Medium Light
#F389A3
Medium
#E75480
Medium Dark
#B73E61
Dark
#892843
Darkest
#5D1428
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#E75480
Left Dark
#EF819C
Left Medium
#F5A9B9
Left Light
#F7CFD6
Neutral
#F5F5F5
Right Light
#D4F2E6
Right Medium
#B0EFD8
Right Dark
#88EBC9
Complementary End
#54E7BB
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FAADBD
Medium
#E75480
Dark
#91003C
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#BB54E7
Left Adjacent 1
#E754CA
Main
#E75480
Right Adjacent 1
#E77254
Right Adjacent 2
#E7BB54
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#E75480
Complementary
#54E7BB
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#E75480
Secondary
#80E754
Tertiary
#5480E7
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#E75480
Right 90°
#CAE754
Complementary
#54E7BB
Left 90°
#7154E7
Tetradic
Two pairs of complementary colors
4 colors
Main
#E75480
Secondary
#E7BB54
Complementary
#54E7BB
Complementary Secondary
#5480E7
Split Complementary
Complementary colors ±30°
3 colors
Main
#E75480
Split Left
#54E772
Split Right
#54CAE7
Cyclic
Circular gradient for periodic data
8 colors
0°
#E75480
45°
#E79654
90°
#CAE754
135°
#5BE754
180°
#54E7BB
225°
#54A5E7
270°
#7154E7
315°
#E054E7
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C4A1AC
Pastel 1
#CCAEB7
Pastel 2
#D4BAC2
Pastel 3
#DBC7CD
Pastel 4
#E3D3D8
Deep Pastel
#EBE0E3
Summer Green
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#B7D6AD
Light
#93B688
Medium Light
#719764
Medium
#4F7942
Medium Dark
#395331
Dark
#243020
Darkest
#0F0F0E
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#4F7942
Left Dark
#77976C
Left Medium
#A0B698
Left Light
#CAD5C5
Neutral
#F5F5F5
Right Light
#D2C6D5
Right Medium
#B098B5
Right Dark
#8E6C97
Complementary End
#6C4279
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#A5BA9C
Medium
#4F7942
Dark
#16400D
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#796C42
Left Adjacent 1
#6A7942
Main
#4F7942
Right Adjacent 1
#427951
Right Adjacent 2
#42796C
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#4F7942
Complementary
#6C4279
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#4F7942
Secondary
#424F79
Tertiary
#79424F
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#4F7942
Right 90°
#426A79
Complementary
#6C4279
Left 90°
#795142
Tetradic
Two pairs of complementary colors
4 colors
Main
#4F7942
Secondary
#42796C
Complementary
#6C4279
Complementary Secondary
#79424F
Split Complementary
Complementary colors ±30°
3 colors
Main
#4F7942
Split Left
#504279
Split Right
#79426A
Cyclic
Circular gradient for periodic data
8 colors
0°
#4F7942
45°
#42795E
90°
#426A79
135°
#434279
180°
#6C4279
225°
#79425D
270°
#795142
315°
#787942
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#AEBAAB
Pastel 1
#B9C3B6
Pastel 2
#C4CDC1
Pastel 3
#CFD6CD
Pastel 4
#D9DFD8
Deep Pastel
#E4E8E3
Cool Purple
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#EFDDFF
Light
#D2A5F6
Medium Light
#B16CED
Medium
#8A2BE2
Medium Dark
#6420A4
Dark
#41156A
Darkest
#210A36
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#8A2BE2
Left Dark
#AB64E8
Left Medium
#C795EE
Left Light
#E0C5F2
Neutral
#F5F5F5
Right Light
#DDF1C7
Right Medium
#C3ED99
Right Dark
#A6E868
Complementary End
#83E22B
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#CC9AF2
Medium
#8A2BE2
Dark
#4900A6
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#2B83E2
Left Adjacent 1
#2F2BE2
Main
#8A2BE2
Right Adjacent 1
#E22BDE
Right Adjacent 2
#E22B83
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#8A2BE2
Complementary
#83E22B
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#8A2BE2
Secondary
#E28A2B
Tertiary
#2BE28A
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#8A2BE2
Right 90°
#E22F2B
Complementary
#83E22B
Left 90°
#2BDEE2
Tetradic
Two pairs of complementary colors
4 colors
Main
#8A2BE2
Secondary
#E22B83
Complementary
#83E22B
Complementary Secondary
#2BE28A
Split Complementary
Complementary colors ±30°
3 colors
Main
#8A2BE2
Split Left
#DEE22B
Split Right
#2BE22F
Cyclic
Circular gradient for periodic data
8 colors
0°
#8A2BE2
45°
#E22BB1
90°
#E22F2B
135°
#E2B82B
180°
#83E22B
225°
#2BE25C
270°
#2BDEE2
315°
#2B55E2
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#B3A1C4
Pastel 1
#BDAECC
Pastel 2
#C7BAD4
Pastel 3
#D1C7DC
Pastel 4
#DCD3E3
Deep Pastel
#E6E0EB
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
Cool Gray
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#EDE4E6
Light
#C7C1C3
Medium Light
#A3A0A1
Medium
#808080
Medium Dark
#5B5B5B
Dark
#393939
Darkest
#1A1A1A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#808080
Left Dark
#9C9C9C
Left Medium
#B9B9B9
Left Light
#D6D6D6
Neutral
#F5F5F5
Right Light
#D6D6D6
Right Medium
#B9B9B9
Right Dark
#9C9C9C
Complementary End
#808080
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#BDBDBD
Medium
#808080
Dark
#3F3F3F
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#808080
Left Adjacent 1
#808080
Main
#808080
Right Adjacent 1
#808080
Right Adjacent 2
#808080
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#808080
Complementary
#808080
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#808080
Secondary
#808080
Tertiary
#808080
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#808080
Right 90°
#808080
Complementary
#808080
Left 90°
#808080
Tetradic
Two pairs of complementary colors
4 colors
Main
#808080
Secondary
#808080
Complementary
#808080
Complementary Secondary
#808080
Split Complementary
Complementary colors ±30°
3 colors
Main
#808080
Split Left
#808080
Split Right
#808080
Cyclic
Circular gradient for periodic data
8 colors
0°
#808080
45°
#808080
90°
#808080
135°
#808080
180°
#808080
225°
#808080
270°
#808080
315°
#808080
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
Cadet Blue
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#D6EEEE
Light
#AFD3D4
Medium Light
#87B8B9
Medium
#5F9EA0
Medium Dark
#477071
Dark
#304546
Darkest
#1A1E1E
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#5F9EA0
Left Dark
#86B3B5
Left Medium
#ABC9CA
Left Light
#D0DFDF
Neutral
#F5F5F5
Right Light
#E1CFCD
Right Medium
#CDA9A7
Right Dark
#B78582
Complementary End
#A0615F
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#B0CECE
Medium
#5F9EA0
Dark
#035153
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#5FA061
Left Adjacent 1
#5FA081
Main
#5F9EA0
Right Adjacent 1
#5F7EA0
Right Adjacent 2
#615FA0
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#5F9EA0
Complementary
#A0615F
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#5F9EA0
Secondary
#A05F9E
Tertiary
#9EA05F
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#5F9EA0
Right 90°
#815FA0
Complementary
#A0615F
Left 90°
#7EA05F
Tetradic
Two pairs of complementary colors
4 colors
Main
#5F9EA0
Secondary
#615FA0
Complementary
#A0615F
Complementary Secondary
#9EA05F
Split Complementary
Complementary colors ±30°
3 colors
Main
#5F9EA0
Split Left
#A05F7E
Split Right
#A0815F
Cyclic
Circular gradient for periodic data
8 colors
0°
#5F9EA0
45°
#5F6DA0
90°
#815FA0
135°
#A05F8E
180°
#A0615F
225°
#A0925F
270°
#7EA05F
315°
#5FA071
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#ABBABA
Pastel 1
#B6C3C3
Pastel 2
#C1CCCD
Pastel 3
#CDD5D6
Pastel 4
#D8DFDF
Deep Pastel
#E3E8E8
Slate Gray
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#DEE7F0
Light
#B8C3CF
Medium Light
#93A1AF
Medium
#708090
Medium Dark
#515B65
Dark
#34393D
Darkest
#1A1A1A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#708090
Left Dark
#909CA8
Left Medium
#B1B9C1
Left Light
#D2D6DB
Neutral
#F5F5F5
Right Light
#DBD6D2
Right Medium
#C2B9B0
Right Dark
#A99C8F
Complementary End
#908070
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#B6BDC6
Medium
#708090
Dark
#31404E
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#709080
Left Adjacent 1
#709090
Main
#708090
Right Adjacent 1
#707090
Right Adjacent 2
#807090
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#708090
Complementary
#908070
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#708090
Secondary
#907080
Tertiary
#809070
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#708090
Right 90°
#907090
Complementary
#908070
Left 90°
#709070
Tetradic
Two pairs of complementary colors
4 colors
Main
#708090
Secondary
#807090
Complementary
#908070
Complementary Secondary
#809070
Split Complementary
Complementary colors ±30°
3 colors
Main
#708090
Split Left
#907070
Split Right
#909070
Cyclic
Circular gradient for periodic data
8 colors
0°
#708090
45°
#787090
90°
#907090
135°
#907078
180°
#908070
225°
#889070
270°
#709070
315°
#709088
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
Medium Slate Blue
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#EBE7FF
Light
#CABCFA
Medium Light
#A591F5
Medium
#7B68EE
Medium Dark
#5D4AC5
Dark
#402D9D
Darkest
#211078
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#7B68EE
Left Dark
#9F8AF1
Left Medium
#BEADF3
Left Light
#DBD0F4
Neutral
#F5F5F5
Right Light
#F1F3D3
Right Medium
#EBF1B1
Right Dark
#E4F08D
Complementary End
#DBEE68
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#C3B1F8
Medium
#7B68EE
Dark
#262AA4
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#68DBEE
Left Adjacent 1
#6898EE
Main
#7B68EE
Right Adjacent 1
#BE68EE
Right Adjacent 2
#EE68DB
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#7B68EE
Complementary
#DBEE68
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#7B68EE
Secondary
#EE7B68
Tertiary
#68EE7B
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#7B68EE
Right 90°
#EE6898
Complementary
#DBEE68
Left 90°
#68EEBE
Tetradic
Two pairs of complementary colors
4 colors
Main
#7B68EE
Secondary
#EE68DB
Complementary
#DBEE68
Complementary Secondary
#68EE7B
Split Complementary
Complementary colors ±30°
3 colors
Main
#7B68EE
Split Left
#EEBE68
Split Right
#98EE68
Cyclic
Circular gradient for periodic data
8 colors
0°
#7B68EE
45°
#E068EE
90°
#EE6898
135°
#EE9C68
180°
#DBEE68
225°
#77EE68
270°
#68EEBE
315°
#68BAEE
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A5A0C5
Pastel 1
#B1ADCD
Pastel 2
#BDB9D4
Pastel 3
#C9C6DC
Pastel 4
#D5D3E4
Deep Pastel
#E1DFEC
Cornflower Blue
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E4F0FF
Light
#BED0F9
Medium Light
#95B2F3
Medium
#6495ED
Medium Dark
#4B73C2
Dark
#325299
Darkest
#183472
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#6495ED
Left Dark
#8FACF0
Left Medium
#B4C3F2
Left Light
#D5DCF4
Neutral
#F5F5F5
Right Light
#F6E6D0
Right Medium
#F5D8AC
Right Dark
#F2CA88
Complementary End
#EDBC64
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#B9C8F7
Medium
#6495ED
Dark
#004997
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#64EDBC
Left Adjacent 1
#64D9ED
Main
#6495ED
Right Adjacent 1
#7864ED
Right Adjacent 2
#BC64ED
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#6495ED
Complementary
#EDBC64
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#6495ED
Secondary
#ED6495
Tertiary
#95ED64
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#6495ED
Right 90°
#ED64DA
Complementary
#EDBC64
Left 90°
#64ED78
Tetradic
Two pairs of complementary colors
4 colors
Main
#6495ED
Secondary
#BC64ED
Complementary
#EDBC64
Complementary Secondary
#95ED64
Split Complementary
Complementary colors ±30°
3 colors
Main
#6495ED
Split Left
#ED7764
Split Right
#DAED64
Cyclic
Circular gradient for periodic data
8 colors
0°
#6495ED
45°
#9A64ED
90°
#ED64DA
135°
#ED6473
180°
#EDBC64
225°
#B7ED64
270°
#64ED78
315°
#64EDDE
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A0ADC5
Pastel 1
#ADB8CC
Pastel 2
#BAC3D4
Pastel 3
#C6CEDC
Pastel 4
#D3D9E4
Deep Pastel
#DFE4EC
Royal Blue
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E6EEFF
Light
#B8BFF6
Medium Light
#8593EC
Medium
#4169E1
Medium Dark
#304EAA
Dark
#203476
Darkest
#111C46
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#4169E1
Left Dark
#7D89E7
Left Medium
#A9ACEC
Left Light
#D0D0F1
Neutral
#F5F5F5
Right Light
#F4E5C9
Right Medium
#F1D69D
Right Dark
#EAC771
Complementary End
#E1B941
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#AEB1F1
Medium
#4169E1
Dark
#00339E
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#41E1B9
Left Adjacent 1
#41B9E1
Main
#4169E1
Right Adjacent 1
#6941E1
Right Adjacent 2
#B941E1
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#4169E1
Complementary
#E1B941
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#4169E1
Secondary
#E14169
Tertiary
#69E141
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#4169E1
Right 90°
#E141B9
Complementary
#E1B941
Left 90°
#41E169
Tetradic
Two pairs of complementary colors
4 colors
Main
#4169E1
Secondary
#B941E1
Complementary
#E1B941
Complementary Secondary
#69E141
Split Complementary
Complementary colors ±30°
3 colors
Main
#4169E1
Split Left
#E16941
Split Right
#B9E141
Cyclic
Circular gradient for periodic data
8 colors
0°
#4169E1
45°
#9141E1
90°
#E141B9
135°
#E14141
180°
#E1B941
225°
#91E141
270°
#41E169
315°
#41E1E1
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A2AAC3
Pastel 1
#AEB5CB
Pastel 2
#BBC1D3
Pastel 3
#C7CCDB
Pastel 4
#D4D7E3
Deep Pastel
#E0E3EB
Medium Purple
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F1EAFF
Light
#D3C0F4
Medium Light
#B498E7
Medium
#9370DB
Medium Dark
#7252B1
Dark
#513688
Darkest
#331B61
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#9370DB
Left Dark
#AE90E2
Left Medium
#C7B1E9
Left Light
#DED3EF
Neutral
#F5F5F5
Right Light
#E7EFD4
Right Medium
#D9E8B3
Right Dark
#C9E292
Complementary End
#B8DB70
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#CBB6EE
Medium
#9370DB
Dark
#482E8F
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#70B8DB
Left Adjacent 1
#7082DB
Main
#9370DB
Right Adjacent 1
#C970DB
Right Adjacent 2
#DB70B8
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#9370DB
Complementary
#B8DB70
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#9370DB
Secondary
#DB9370
Tertiary
#70DB93
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#9370DB
Right 90°
#DB7082
Complementary
#B8DB70
Left 90°
#70DBC9
Tetradic
Two pairs of complementary colors
4 colors
Main
#9370DB
Secondary
#DB70B8
Complementary
#B8DB70
Complementary Secondary
#70DB93
Split Complementary
Complementary colors ±30°
3 colors
Main
#9370DB
Split Left
#DBC970
Split Right
#82DB70
Cyclic
Circular gradient for periodic data
8 colors
0°
#9370DB
45°
#DB70D3
90°
#DB7082
135°
#DBAE70
180°
#B8DB70
225°
#70DB78
270°
#70DBC9
315°
#709DDB
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#AEA5C0
Pastel 1
#B9B1C9
Pastel 2
#C3BDD1
Pastel 3
#CEC9D9
Pastel 4
#D9D5E2
Deep Pastel
#E4E1EA
Medium Sea Green
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#C6F0D9
Light
#9DDCB6
Medium Light
#70C893
Medium
#3CB371
Medium Dark
#2F7B4F
Dark
#214730
Darkest
#0F1913
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#3CB371
Left Dark
#73C491
Left Medium
#A0D5B1
Left Light
#CBE5D3
Neutral
#F5F5F5
Right Light
#E8C8D6
Right Medium
#D89BB8
Right Dark
#C76E9A
Complementary End
#B33C7E
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#A5DAB6
Medium
#3CB371
Dark
#005D23
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#7EB33C
Left Adjacent 1
#43B33C
Main
#3CB371
Right Adjacent 1
#3CB3AC
Right Adjacent 2
#3C7EB3
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#3CB371
Complementary
#B33C7E
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#3CB371
Secondary
#713CB3
Tertiary
#B3713C
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#3CB371
Right 90°
#3C42B3
Complementary
#B33C7E
Left 90°
#B3AC3C
Tetradic
Two pairs of complementary colors
4 colors
Main
#3CB371
Secondary
#3C7EB3
Complementary
#B33C7E
Complementary Secondary
#B3713C
Split Complementary
Complementary colors ±30°
3 colors
Main
#3CB371
Split Left
#AC3CB3
Split Right
#B33C43
Cyclic
Circular gradient for periodic data
8 colors
0°
#3CB371
45°
#3C9CB3
90°
#3C42B3
135°
#8F3CB3
180°
#B33C7E
225°
#B3533C
270°
#B3AC3C
315°
#60B33C
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A7BEB1
Pastel 1
#B3C7BC
Pastel 2
#BFCFC6
Pastel 3
#CAD8D0
Pastel 4
#D6E1DB
Deep Pastel
#E2E9E5
Teal
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#28FFFF
Light
#1AD3D3
Medium Light
#0CA9A9
Medium
#008080
Medium Dark
#055B5B
Dark
#053939
Darkest
#001A1A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#008080
Left Dark
#599D9C
Left Medium
#8FBAB9
Left Light
#C2D7D6
Neutral
#F5F5F5
Right Light
#E0BBB2
Right Medium
#C68273
Right Dark
#A54B39
Complementary End
#800000
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#93BEBD
Medium
#008080
Dark
#004445
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#008000
Left Adjacent 1
#008040
Main
#008080
Right Adjacent 1
#004080
Right Adjacent 2
#000080
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#008080
Complementary
#800000
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#008080
Secondary
#800080
Tertiary
#808000
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#008080
Right 90°
#400080
Complementary
#800000
Left 90°
#408000
Tetradic
Two pairs of complementary colors
4 colors
Main
#008080
Secondary
#000080
Complementary
#800000
Complementary Secondary
#808000
Split Complementary
Complementary colors ±30°
3 colors
Main
#008080
Split Left
#800040
Split Right
#804000
Cyclic
Circular gradient for periodic data
8 colors
0°
#008080
45°
#002080
90°
#400080
135°
#800060
180°
#800000
225°
#806000
270°
#408000
315°
#008020
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
Light Sea Green
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#A3F2EE
Light
#7FDDD7
Medium Light
#57C7C0
Medium
#20B2AA
Medium Dark
#247873
Dark
#1E4340
Darkest
#0E1414
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#20B2AA
Left Dark
#6BC3BC
Left Medium
#9DD4CF
Left Light
#CAE5E2
Neutral
#F5F5F5
Right Light
#EDC3BD
Right Medium
#DF9188
Right Dark
#CB5E56
Complementary End
#B22028
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#A2D9D4
Medium
#20B2AA
Dark
#005C56
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#28B220
Left Adjacent 1
#20B261
Main
#20B2AA
Right Adjacent 1
#2071B2
Right Adjacent 2
#2028B2
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#20B2AA
Complementary
#B22028
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#20B2AA
Secondary
#AA20B2
Tertiary
#B2AA20
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#20B2AA
Right 90°
#6120B2
Complementary
#B22028
Left 90°
#71B220
Tetradic
Two pairs of complementary colors
4 colors
Main
#20B2AA
Secondary
#2028B2
Complementary
#B22028
Complementary Secondary
#B2AA20
Split Complementary
Complementary colors ±30°
3 colors
Main
#20B2AA
Split Left
#B22071
Split Right
#B26120
Cyclic
Circular gradient for periodic data
8 colors
0°
#20B2AA
45°
#204DB2
90°
#6120B2
135°
#B22095
180°
#B22028
225°
#B28520
270°
#71B220
315°
#20B23C
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A3C2C1
Pastel 1
#AFCBC9
Pastel 2
#BBD3D1
Pastel 3
#C8DBDA
Pastel 4
#D4E3E2
Deep Pastel
#E0EBEA
Dark Cyan
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#3BFFFF
Light
#29D7D7
Medium Light
#17B0B0
Medium
#008B8B
Medium Dark
#006767
Dark
#004545
Darkest
#002525
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#008B8B
Left Dark
#5CA5A4
Left Medium
#91C0BF
Left Light
#C3DAD9
Neutral
#F5F5F5
Right Light
#E4BCB2
Right Medium
#CC8573
Right Dark
#AE4D39
Complementary End
#8B0000
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#96C4C3
Medium
#008B8B
Dark
#00494B
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#008B00
Left Adjacent 1
#008B46
Main
#008B8B
Right Adjacent 1
#00458B
Right Adjacent 2
#00008B
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#008B8B
Complementary
#8B0000
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#008B8B
Secondary
#8B008B
Tertiary
#8B8B00
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#008B8B
Right 90°
#45008B
Complementary
#8B0000
Left 90°
#468B00
Tetradic
Two pairs of complementary colors
4 colors
Main
#008B8B
Secondary
#00008B
Complementary
#8B0000
Complementary Secondary
#8B8B00
Split Complementary
Complementary colors ±30°
3 colors
Main
#008B8B
Split Left
#8B0046
Split Right
#8B4600
Cyclic
Circular gradient for periodic data
8 colors
0°
#008B8B
45°
#00238B
90°
#45008B
135°
#8B0068
180°
#8B0000
225°
#8B6800
270°
#468B00
315°
#008B23
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
Dark Slate Blue
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#BBB5E5
Light
#958BC6
Medium Light
#6F63A8
Medium
#483D8B
Medium Dark
#342C5E
Dark
#211C34
Darkest
#09090B
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#483D8B
Left Dark
#7567A5
Left Medium
#9F94C0
Left Light
#CAC4DA
Neutral
#F5F5F5
Right Light
#D8D9C5
Right Medium
#BBBF97
Right Dark
#9EA46A
Complementary End
#808B3D
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#A499C4
Medium
#483D8B
Dark
#1E1B63
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#3D808B
Left Adjacent 1
#3D598B
Main
#483D8B
Right Adjacent 1
#6F3D8B
Right Adjacent 2
#8B3D80
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#483D8B
Complementary
#808B3D
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#483D8B
Secondary
#8B483D
Tertiary
#3D8B48
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#483D8B
Right 90°
#8B3D59
Complementary
#808B3D
Left 90°
#3D8B6F
Tetradic
Two pairs of complementary colors
4 colors
Main
#483D8B
Secondary
#8B3D80
Complementary
#808B3D
Complementary Secondary
#3D8B48
Split Complementary
Complementary colors ±30°
3 colors
Main
#483D8B
Split Left
#8B6F3D
Split Right
#598B3D
Cyclic
Circular gradient for periodic data
8 colors
0°
#483D8B
45°
#823D8B
90°
#8B3D59
135°
#8B5B3D
180°
#808B3D
225°
#468B3D
270°
#3D8B6F
315°
#3D6C8B
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#ACAABB
Pastel 1
#B7B5C4
Pastel 2
#C2C0CD
Pastel 3
#CDCCD6
Pastel 4
#D8D7DF
Deep Pastel
#E3E3E8
Midnight Blue
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#7374E6
Light
#5554BD
Medium Light
#383696
Medium
#191970
Medium Dark
#151552
Dark
#101036
Darkest
#06061D
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#191970
Left Dark
#584A91
Left Medium
#8D7FB2
Left Light
#C1B9D3
Neutral
#F5F5F5
Right Light
#D5D2BC
Right Medium
#B4B085
Right Dark
#928F50
Complementary End
#707019
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#9184B7
Medium
#191970
Dark
#00095C
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#197070
Left Adjacent 1
#194470
Main
#191970
Right Adjacent 1
#441970
Right Adjacent 2
#701970
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#191970
Complementary
#707019
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#191970
Secondary
#701919
Tertiary
#197019
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#191970
Right 90°
#701945
Complementary
#707019
Left 90°
#197045
Tetradic
Two pairs of complementary colors
4 colors
Main
#191970
Secondary
#701970
Complementary
#707019
Complementary Secondary
#197019
Split Complementary
Complementary colors ±30°
3 colors
Main
#191970
Split Left
#704419
Split Right
#457019
Cyclic
Circular gradient for periodic data
8 colors
0°
#191970
45°
#5A1970
90°
#701945
135°
#702F19
180°
#707019
225°
#2F7019
270°
#197045
315°
#195A70
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A4A4C1
Pastel 1
#B0B0C9
Pastel 2
#BCBCD2
Pastel 3
#C8C8DA
Pastel 4
#D4D4E2
Deep Pastel
#E1E1EA
Cool Rose
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FEECEC
Light
#EAC7C7
Medium Light
#D6A3A3
Medium
#C08081
Medium Dark
#966162
Dark
#6F4444
Darkest
#492929
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#C08081
Left Dark
#CF9D9D
Left Medium
#DDBAB9
Left Light
#E9D7D7
Neutral
#F5F5F5
Right Light
#D9E8E7
Right Medium
#BCDBDA
Right Dark
#9FCDCC
Complementary End
#80C0BF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#E1BEBE
Medium
#C08081
Dark
#6E3639
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#BF80C0
Left Adjacent 1
#C080A1
Main
#C08081
Right Adjacent 1
#C09F80
Right Adjacent 2
#C0BF80
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#C08081
Complementary
#80C0BF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#C08081
Secondary
#81C080
Tertiary
#8081C0
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#C08081
Right 90°
#A1C080
Complementary
#80C0BF
Left 90°
#9F80C0
Tetradic
Two pairs of complementary colors
4 colors
Main
#C08081
Secondary
#C0BF80
Complementary
#80C0BF
Complementary Secondary
#8081C0
Split Complementary
Complementary colors ±30°
3 colors
Main
#C08081
Split Left
#80C09F
Split Right
#80A1C0
Cyclic
Circular gradient for periodic data
8 colors
0°
#C08081
45°
#C0AF80
90°
#A1C080
135°
#80C08F
180°
#80C0BF
225°
#8091C0
270°
#9F80C0
315°
#C080B1
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BAABAB
Pastel 1
#C3B6B6
Pastel 2
#CDC1C1
Pastel 3
#D6CCCD
Pastel 4
#DFD8D8
Deep Pastel
#E8E3E3
Cool Lavender
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#EBE6F5
Light
#D8CDEC
Medium Light
#C5B4E3
Medium
#B19CD9
Medium Dark
#8D76B7
Dark
#6B5296
Darkest
#493076
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#B19CD9
Left Dark
#C2B2E0
Left Medium
#D3C8E7
Left Light
#E4DEEE
Neutral
#F5F5F5
Right Light
#E9EEDE
Right Medium
#DDE7C8
Right Dark
#D1E0B2
Complementary End
#C4D99C
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#D8CDEC
Medium
#B19CD9
Dark
#58477D
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#9CC4D9
Left Adjacent 1
#9CA6D9
Main
#B19CD9
Right Adjacent 1
#CF9CD9
Right Adjacent 2
#D99CC4
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#B19CD9
Complementary
#C4D99C
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#B19CD9
Secondary
#D9B19C
Tertiary
#9CD9B1
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#B19CD9
Right 90°
#D99CA5
Complementary
#C4D99C
Left 90°
#9CD9D0
Tetradic
Two pairs of complementary colors
4 colors
Main
#B19CD9
Secondary
#D99CC4
Complementary
#C4D99C
Complementary Secondary
#9CD9B1
Split Complementary
Complementary colors ±30°
3 colors
Main
#B19CD9
Split Left
#D9D09C
Split Right
#A5D99C
Cyclic
Circular gradient for periodic data
8 colors
0°
#B19CD9
45°
#D99CD3
90°
#D99CA5
135°
#D9C09C
180°
#C4D99C
225°
#9CD9A2
270°
#9CD9D0
315°
#9CB5D9
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#AFA8BD
Pastel 1
#BAB4C6
Pastel 2
#C5BFCE
Pastel 3
#CFCBD7
Pastel 4
#DAD7E0
Deep Pastel
#E4E2E9
Cool Mint
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E5FFE5
Light
#CEFFCC
Medium Light
#B4FFB2
Medium
#98FF98
Medium Dark
#79ED72
Dark
#56DC4B
Darkest
#20CA15
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#98FF98
Left Dark
#B3FDB0
Left Medium
#CBFBC7
Left Light
#E0F8DE
Neutral
#F5F5F5
Right Light
#F9DFF8
Right Medium
#FCC8FB
Right Dark
#FEB1FD
Complementary End
#FF98FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#CFFFCC
Medium
#98FF98
Dark
#007F22
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFFF98
Left Adjacent 1
#CCFF98
Main
#98FF98
Right Adjacent 1
#98FFCC
Right Adjacent 2
#98FFFF
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#98FF98
Complementary
#FF98FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#98FF98
Secondary
#9898FF
Tertiary
#FF9898
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#98FF98
Right 90°
#98CBFF
Complementary
#FF98FF
Left 90°
#FFCC98
Tetradic
Two pairs of complementary colors
4 colors
Main
#98FF98
Secondary
#98FFFF
Complementary
#FF98FF
Complementary Secondary
#FF9898
Split Complementary
Complementary colors ±30°
3 colors
Main
#98FF98
Split Left
#CB98FF
Split Right
#FF98CC
Cyclic
Circular gradient for periodic data
8 colors
0°
#98FF98
45°
#98FFE5
90°
#98CBFF
135°
#B298FF
180°
#FF98FF
225°
#FF98B2
270°
#FFCC98
315°
#E5FF98
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9CC99C
Pastel 1
#A9D1A9
Pastel 2
#B6D8B6
Pastel 3
#C3DFC3
Pastel 4
#D1E6D1
Deep Pastel
#DEEDDE
Cool Aqua
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#91FFFF
Light
#71EFEF
Medium Light
#4CDEE0
Medium
#00CED1
Medium Dark
#1A8B8D
Dark
#194D4F
Darkest
#0A1818
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#00CED1
Left Dark
#6FD8DA
Left Medium
#A2E2E3
Left Light
#CDECEC
Neutral
#F5F5F5
Right Light
#F9C3B5
Right Medium
#F39279
Right Dark
#E55D3F
Complementary End
#D10300
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#A7E7E8
Medium
#00CED1
Dark
#00696D
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#00D103
Left Adjacent 1
#00D16C
Main
#00CED1
Right Adjacent 1
#0065D1
Right Adjacent 2
#0300D1
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#00CED1
Complementary
#D10300
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#00CED1
Secondary
#D100CE
Tertiary
#CED100
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#00CED1
Right 90°
#6C00D1
Complementary
#D10300
Left 90°
#65D100
Tetradic
Two pairs of complementary colors
4 colors
Main
#00CED1
Secondary
#0300D1
Complementary
#D10300
Complementary Secondary
#CED100
Split Complementary
Complementary colors ±30°
3 colors
Main
#00CED1
Split Left
#D10065
Split Right
#D16C00
Cyclic
Circular gradient for periodic data
8 colors
0°
#00CED1
45°
#0031D1
90°
#6C00D1
135°
#D1009A
180°
#D10300
225°
#D1A000
270°
#65D100
315°
#00D137
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9CC9C9
Pastel 1
#A9D0D1
Pastel 2
#B6D7D8
Pastel 3
#C3DEDF
Pastel 4
#D1E6E6
Deep Pastel
#DEEDED
Cool 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 Berry
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FF53FF
Light
#D73BD7
Medium Light
#B022B0
Medium
#8B008B
Medium Dark
#660367
Dark
#440444
Darkest
#250025
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#8B008B
Left Dark
#A953A5
Left Medium
#C489C0
Left Light
#DDBFDA
Neutral
#F5F5F5
Right Light
#C3DBBB
Right Medium
#91C182
Right Dark
#5BA64B
Complementary End
#008B00
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#C98EC4
Medium
#8B008B
Dark
#5E0061
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#00008B
Left Adjacent 1
#45008B
Main
#8B008B
Right Adjacent 1
#8B0046
Right Adjacent 2
#8B0000
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#8B008B
Complementary
#008B00
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#8B008B
Secondary
#8B8B00
Tertiary
#008B8B
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#8B008B
Right 90°
#8B4600
Complementary
#008B00
Left 90°
#00458B
Tetradic
Two pairs of complementary colors
4 colors
Main
#8B008B
Secondary
#8B0000
Complementary
#008B00
Complementary Secondary
#008B8B
Split Complementary
Complementary colors ±30°
3 colors
Main
#8B008B
Split Left
#468B00
Split Right
#008B46
Cyclic
Circular gradient for periodic data
8 colors
0°
#8B008B
45°
#8B0023
90°
#8B4600
135°
#688B00
180°
#008B00
225°
#008B68
270°
#00458B
315°
#23008B
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C99CC9
Pastel 1
#D1A9D1
Pastel 2
#D8B6D8
Pastel 3
#DFC3DF
Pastel 4
#E6D1E6
Deep Pastel
#EDDEED
Cool Charcoal
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#91ADBF
Light
#718898
Medium Light
#536672
Medium
#36454F
Medium Dark
#28333A
Dark
#1B2126
Darkest
#0D1012
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#36454F
Left Dark
#626D75
Left Medium
#90989E
Left Light
#C2C6C9
Neutral
#F5F5F5
Right Light
#C9C4C1
Right Medium
#9F9590
Right Dark
#766961
Complementary End
#4F4036
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#959DA3
Medium
#36454F
Dark
#17262F
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#364F40
Left Adjacent 1
#364F4D
Main
#36454F
Right Adjacent 1
#36394F
Right Adjacent 2
#40364F
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#36454F
Complementary
#4F4036
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#36454F
Secondary
#4F3645
Tertiary
#454F36
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#36454F
Right 90°
#4C364F
Complementary
#4F4036
Left 90°
#394F36
Tetradic
Two pairs of complementary colors
4 colors
Main
#36454F
Secondary
#40364F
Complementary
#4F4036
Complementary Secondary
#454F36
Split Complementary
Complementary colors ±30°
3 colors
Main
#36454F
Split Left
#4F3639
Split Right
#4F4D36
Cyclic
Circular gradient for periodic data
8 colors
0°
#36454F
45°
#3A364F
90°
#4C364F
135°
#4F363F
180°
#4F4036
225°
#4B4F36
270°
#394F36
315°
#364F46
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#ABB4BA
Pastel 1
#B6BEC3
Pastel 2
#C1C8CD
Pastel 3
#CDD2D6
Pastel 4
#D8DCDF
Deep Pastel
#E3E6E8
Cool Navy
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#484CFF
Light
#3333D3
Medium Light
#1D1BA9
Medium
#000080
Medium Dark
#0A075B
Dark
#0D0739
Darkest
#00001A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#000080
Left Dark
#593D9E
Left Medium
#9077BB
Left Light
#C3B4D8
Neutral
#F5F5F5
Right Light
#DAD6BB
Right Medium
#BEB882
Right Dark
#A09C4B
Complementary End
#808000
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#947BC0
Medium
#000080
Dark
#00006F
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#008080
Left Adjacent 1
#004080
Main
#000080
Right Adjacent 1
#400080
Right Adjacent 2
#800080
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#000080
Complementary
#808000
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#000080
Secondary
#800000
Tertiary
#008000
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#000080
Right 90°
#800040
Complementary
#808000
Left 90°
#008040
Tetradic
Two pairs of complementary colors
4 colors
Main
#000080
Secondary
#800080
Complementary
#808000
Complementary Secondary
#008000
Split Complementary
Complementary colors ±30°
3 colors
Main
#000080
Split Left
#804000
Split Right
#408000
Cyclic
Circular gradient for periodic data
8 colors
0°
#000080
45°
#600080
90°
#800040
135°
#802000
180°
#808000
225°
#208000
270°
#008040
315°
#006080
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
Cool Mauve
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#ECD5DB
Light
#CDACB5
Medium Light
#AF8590
Medium
#915F6D
Medium Dark
#63434C
Dark
#38292D
Darkest
#101010
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#915F6D
Left Dark
#AA838D
Left Medium
#C3A8AE
Left Light
#DCCED1
Neutral
#F5F5F5
Right Light
#CFDBD7
Right Medium
#A9C2BA
Right Dark
#84A99E
Complementary End
#5F9183
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#C8ACB3
Medium
#915F6D
Dark
#562937
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#835F91
Left Adjacent 1
#915F86
Main
#915F6D
Right Adjacent 1
#916A5F
Right Adjacent 2
#91835F
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#915F6D
Complementary
#5F9183
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#915F6D
Secondary
#6D915F
Tertiary
#5F6D91
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#915F6D
Right 90°
#86915F
Complementary
#5F9183
Left 90°
#6A5F91
Tetradic
Two pairs of complementary colors
4 colors
Main
#915F6D
Secondary
#91835F
Complementary
#5F9183
Complementary Secondary
#5F6D91
Split Complementary
Complementary colors ±30°
3 colors
Main
#915F6D
Split Left
#5F916A
Split Right
#5F8691
Cyclic
Circular gradient for periodic data
8 colors
0°
#915F6D
45°
#91765F
90°
#86915F
135°
#61915F
180°
#5F9183
225°
#5F7991
270°
#6A5F91
315°
#905F91
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BAABAF
Pastel 1
#C3B6BA
Pastel 2
#CDC1C4
Pastel 3
#D6CDCF
Pastel 4
#DFD8DA
Deep Pastel
#E8E3E4
Cool 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 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
Cool Steel
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
Extract Cool Summer Color Palette
Upload a photo to extract a Cool Summer color palette with HEX and RGB codes.
click or drag your image here
Supported formats: JPG, PNG, WebP