Appearance
25+ Light Spring Color Palettes
Generate 25+ Light Spring color palettes from seasonal colors. Each palette is created from a base color, featuring light, warm, and delicate Spring hues that follow professional color theory principles. Perfect for personal style coordination, home decor, and creative projects for those with Light Spring personal coloring.
Light Spring Colors
Peach →
HEX#FFDAB9
RGBrgb(255, 218, 185)
Baby Blue →
HEX#87CEEB
RGBrgb(135, 206, 235)
Pale Yellow →
HEX#FFFFE0
RGBrgb(255, 255, 224)
Light Coral →
HEX#F08080
RGBrgb(240, 128, 128)
Mint →
HEX#98FB98
RGBrgb(152, 251, 152)
Light Gold →
HEX#F0E68C
RGBrgb(240, 230, 140)
Powder Blue →
HEX#B0E0E6
RGBrgb(176, 224, 230)
Ivory →
HEX#FFFFF0
RGBrgb(255, 255, 240)
Lavender Blush →
HEX#FFF0F5
RGBrgb(255, 240, 245)
Honeydew →
HEX#F0FFF0
RGBrgb(240, 255, 240)
Sea Shell →
HEX#FFF5EE
RGBrgb(255, 245, 238)
Linen →
HEX#FAF0E6
RGBrgb(250, 240, 230)
Light Cyan →
HEX#E0FFFF
RGBrgb(224, 255, 255)
Light Pink →
HEX#FFB6C1
RGBrgb(255, 182, 193)
Pale Turquoise →
HEX#AFEEEE
RGBrgb(175, 238, 238)
Moccasin →
HEX#FFE4B5
RGBrgb(255, 228, 181)
Light Sky Blue →
HEX#87CEFA
RGBrgb(135, 206, 250)
Pale Goldenrod →
HEX#EEE8AA
RGBrgb(238, 232, 170)
Blanched Almond →
HEX#FFEBCD
RGBrgb(255, 235, 205)
Light Salmon →
HEX#FFA07A
RGBrgb(255, 160, 122)
Bisque →
HEX#FFE4C4
RGBrgb(255, 228, 196)
Light Steel Blue →
HEX#B0C4DE
RGBrgb(176, 196, 222)
Navajo White →
HEX#FFDEAD
RGBrgb(255, 222, 173)
Cornsilk →
HEX#FFF8DC
RGBrgb(255, 248, 220)
Floral White →
HEX#FFFAF0
RGBrgb(255, 250, 240)
Light Green →
HEX#90EE90
RGBrgb(144, 238, 144)
Papaya Whip →
HEX#FFEFD5
RGBrgb(255, 239, 213)
Old Lace →
HEX#FDF5E6
RGBrgb(253, 245, 230)
Mint Cream →
HEX#F5FFFA
RGBrgb(245, 255, 250)
Alice Blue →
HEX#F0F8FF
RGBrgb(240, 248, 255)
Light Spring Color Palettes
Click on any color below to view a complete color palette generated from that base color. Each palette is algorithmically created to harmonize with the selected Light Spring hue.
Peach
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFF2E5
Light
#FFEAD7
Medium Light
#FFE2C8
Medium
#FFDAB9
Medium Dark
#FDB784
Dark
#F5954F
Darkest
#E97110
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFDAB9
Left Dark
#FDE1C8
Left Medium
#FBE7D7
Left Light
#F8EEE6
Neutral
#F5F5F5
Right Light
#E7EFF8
Right Medium
#D8E9FA
Right Dark
#C9E4FD
Complementary End
#B9DEFF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFECDC
Medium
#FFDAB9
Dark
#826447
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFB9DE
Left Adjacent 1
#FFB9BB
Main
#FFDAB9
Right Adjacent 1
#FFFDB9
Right Adjacent 2
#DEFFB9
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFDAB9
Complementary
#B9DEFF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFDAB9
Secondary
#B9FFDA
Tertiary
#DAB9FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFDAB9
Right 90°
#BBFFB9
Complementary
#B9DEFF
Left 90°
#FDB9FF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFDAB9
Secondary
#DEFFB9
Complementary
#B9DEFF
Complementary Secondary
#DAB9FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFDAB9
Split Left
#B9FFFD
Split Right
#B9BBFF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFDAB9
45°
#F0FFB9
90°
#BBFFB9
135°
#B9FFEC
180°
#B9DEFF
225°
#C8B9FF
270°
#FDB9FF
315°
#FFB9CC
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9B19C
Pastel 1
#D1BCA9
Pastel 2
#D8C6B6
Pastel 3
#DFD0C3
Pastel 4
#E6DBD1
Deep Pastel
#EDE5DE
Baby Blue
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#DEF2FA
Light
#C3E6F5
Medium Light
#A6DAF0
Medium
#87CEEB
Medium Dark
#69ACC9
Dark
#4B8BA9
Darkest
#2D6B89
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#87CEEB
Left Dark
#A6D8EE
Left Medium
#C1E1F0
Left Light
#DCEBF3
Neutral
#F5F5F5
Right Light
#F5E1D9
Right Medium
#F3CCBD
Right Dark
#F0B8A2
Complementary End
#EBA487
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#C6E6F5
Medium
#87CEEB
Dark
#05667F
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#87EBA4
Left Adjacent 1
#87EBD6
Main
#87CEEB
Right Adjacent 1
#879CEB
Right Adjacent 2
#A487EB
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#87CEEB
Complementary
#EBA487
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#87CEEB
Secondary
#EB87CE
Tertiary
#CEEB87
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#87CEEB
Right 90°
#D687EB
Complementary
#EBA487
Left 90°
#9CEB87
Tetradic
Two pairs of complementary colors
4 colors
Main
#87CEEB
Secondary
#A487EB
Complementary
#EBA487
Complementary Secondary
#CEEB87
Split Complementary
Complementary colors ±30°
3 colors
Main
#87CEEB
Split Left
#EB879C
Split Right
#EBD687
Cyclic
Circular gradient for periodic data
8 colors
0°
#87CEEB
45°
#8B87EB
90°
#D687EB
135°
#EB87B5
180°
#EBA487
225°
#E7EB87
270°
#9CEB87
315°
#87EBBD
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A2B9C3
Pastel 1
#AEC3CB
Pastel 2
#BBCCD3
Pastel 3
#C7D5DB
Pastel 4
#D4DFE3
Deep Pastel
#E0E8EB
Pale Yellow
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFFFE5
Light
#FFFFE4
Medium Light
#FFFFE2
Medium
#FFFFE0
Medium Dark
#FFFFAD
Dark
#FFFF76
Darkest
#FFFF2A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFFFE0
Left Dark
#FDFCE5
Left Medium
#FAFAEB
Left Light
#F8F7F0
Neutral
#F5F5F5
Right Light
#F0F0F8
Right Medium
#EBEAFA
Right Dark
#E5E5FD
Complementary End
#E0E0FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFFFF0
Medium
#FFFFE0
Dark
#77785D
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFE0E0
Left Adjacent 1
#FFF0E0
Main
#FFFFE0
Right Adjacent 1
#F0FFE0
Right Adjacent 2
#E0FFE0
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFFFE0
Complementary
#E0E0FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFFFE0
Secondary
#E0FFFF
Tertiary
#FFE0FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFFFE0
Right 90°
#E0FFF0
Complementary
#E0E0FF
Left 90°
#FFE0F0
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFFFE0
Secondary
#E0FFE0
Complementary
#E0E0FF
Complementary Secondary
#FFE0FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFFFE0
Split Left
#E0F0FF
Split Right
#F0E0FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFFFE0
45°
#E8FFE0
90°
#E0FFF0
135°
#E0F7FF
180°
#E0E0FF
225°
#F7E0FF
270°
#FFE0F0
315°
#FFE8E0
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9C99C
Pastel 1
#D1D1A9
Pastel 2
#D8D8B6
Pastel 3
#DFDFC3
Pastel 4
#E6E6D1
Deep Pastel
#EDEDDE
Light Coral
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FBDBDB
Light
#FABDBC
Medium Light
#F69F9D
Medium
#F08080
Medium Dark
#D05F5A
Dark
#B03E37
Darkest
#8F1915
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#F08080
Left Dark
#F59E9C
Left Medium
#F8BBB9
Left Light
#F8D8D7
Neutral
#F5F5F5
Right Light
#DCF4F4
Right Medium
#C1F3F2
Right Dark
#A3F2F1
Complementary End
#80F0F0
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FDC0BE
Medium
#F08080
Dark
#8E2931
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#F080F0
Left Adjacent 1
#F080B8
Main
#F08080
Right Adjacent 1
#F0B880
Right Adjacent 2
#F0F080
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#F08080
Complementary
#80F0F0
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#F08080
Secondary
#80F080
Tertiary
#8080F0
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#F08080
Right 90°
#B8F080
Complementary
#80F0F0
Left 90°
#B880F0
Tetradic
Two pairs of complementary colors
4 colors
Main
#F08080
Secondary
#F0F080
Complementary
#80F0F0
Complementary Secondary
#8080F0
Split Complementary
Complementary colors ±30°
3 colors
Main
#F08080
Split Left
#80F0B8
Split Right
#80B8F0
Cyclic
Circular gradient for periodic data
8 colors
0°
#F08080
45°
#F0D480
90°
#B8F080
135°
#80F09C
180°
#80F0F0
225°
#809CF0
270°
#B880F0
315°
#F080D4
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C5A0A0
Pastel 1
#CCADAD
Pastel 2
#D4BABA
Pastel 3
#DCC6C6
Pastel 4
#E4D3D3
Deep Pastel
#ECDFDF
Mint
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E6FEE6
Light
#CEFECC
Medium Light
#B5FDB2
Medium
#98FB98
Medium Dark
#78E772
Dark
#55D34B
Darkest
#21BF18
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#98FB98
Left Dark
#B2FAB0
Left Medium
#CAF9C7
Left Light
#E0F7DE
Neutral
#F5F5F5
Right Light
#F8DFF7
Right Medium
#FAC8F8
Right Dark
#FBB1FA
Complementary End
#FB98FB
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#CFFECC
Medium
#98FB98
Dark
#037D24
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FBFB98
Left Adjacent 1
#CAFB98
Main
#98FB98
Right Adjacent 1
#98FBCA
Right Adjacent 2
#98FBFB
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#98FB98
Complementary
#FB98FB
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#98FB98
Secondary
#9898FB
Tertiary
#FB9898
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#98FB98
Right 90°
#98C9FB
Complementary
#FB98FB
Left 90°
#FBCA98
Tetradic
Two pairs of complementary colors
4 colors
Main
#98FB98
Secondary
#98FBFB
Complementary
#FB98FB
Complementary Secondary
#FB9898
Split Complementary
Complementary colors ±30°
3 colors
Main
#98FB98
Split Left
#C998FB
Split Right
#FB98CA
Cyclic
Circular gradient for periodic data
8 colors
0°
#98FB98
45°
#98FBE2
90°
#98C9FB
135°
#B198FB
180°
#FB98FB
225°
#FB98B1
270°
#FBCA98
315°
#E2FB98
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9DC89D
Pastel 1
#AACFAA
Pastel 2
#B7D6B7
Pastel 3
#C4DEC4
Pastel 4
#D1E5D1
Deep Pastel
#DEEDDE
Light Gold
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FCFAE6
Light
#F9F3C8
Medium Light
#F5ECAA
Medium
#F0E68C
Medium Dark
#D4C869
Dark
#B8AA46
Darkest
#9C8E21
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#F0E68C
Left Dark
#F3EAA7
Left Medium
#F5EDC1
Left Light
#F5F1DB
Neutral
#F5F5F5
Right Light
#DDDCF4
Right Medium
#C4C4F3
Right Dark
#A9ADF2
Complementary End
#8C96F0
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FAF2C6
Medium
#F0E68C
Dark
#716E18
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#F08C96
Left Adjacent 1
#F0B48C
Main
#F0E68C
Right Adjacent 1
#C8F08C
Right Adjacent 2
#96F08C
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#F0E68C
Complementary
#8C96F0
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#F0E68C
Secondary
#8CF0E6
Tertiary
#E68CF0
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#F0E68C
Right 90°
#8CF0B4
Complementary
#8C96F0
Left 90°
#F08CC8
Tetradic
Two pairs of complementary colors
4 colors
Main
#F0E68C
Secondary
#96F08C
Complementary
#8C96F0
Complementary Secondary
#E68CF0
Split Complementary
Complementary colors ±30°
3 colors
Main
#F0E68C
Split Left
#8CC8F0
Split Right
#B48CF0
Cyclic
Circular gradient for periodic data
8 colors
0°
#F0E68C
45°
#AFF08C
90°
#8CF0B4
135°
#8CE1F0
180°
#8C96F0
225°
#CD8CF0
270°
#F08CC8
315°
#F09B8C
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C4C1A1
Pastel 1
#CCC9AD
Pastel 2
#D4D1BA
Pastel 3
#DCDAC7
Pastel 4
#E4E2D3
Deep Pastel
#EBEAE0
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
Ivory
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFFFE5
Light
#FFFFE9
Medium Light
#FFFFED
Medium
#FFFFF0
Medium Dark
#FFFFB9
Dark
#FFFE80
Darkest
#FFFF34
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFFFF0
Left Dark
#FDFCF1
Left Medium
#FAFAF3
Left Light
#F8F7F4
Neutral
#F5F5F5
Right Light
#F4F4F8
Right Medium
#F3F2FA
Right Dark
#F1F1FD
Complementary End
#F0F0FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFFFF8
Medium
#FFFFF0
Dark
#77776A
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFF0F0
Left Adjacent 1
#FFF8F0
Main
#FFFFF0
Right Adjacent 1
#F8FFF0
Right Adjacent 2
#F0FFF0
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFFFF0
Complementary
#F0F0FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFFFF0
Secondary
#F0FFFF
Tertiary
#FFF0FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFFFF0
Right 90°
#F0FFF8
Complementary
#F0F0FF
Left 90°
#FFF0F8
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFFFF0
Secondary
#F0FFF0
Complementary
#F0F0FF
Complementary Secondary
#FFF0FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFFFF0
Split Left
#F0F8FF
Split Right
#F8F0FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFFFF0
45°
#F4FFF0
90°
#F0FFF8
135°
#F0FBFF
180°
#F0F0FF
225°
#FBF0FF
270°
#FFF0F8
315°
#FFF4F0
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9C99C
Pastel 1
#D1D1A9
Pastel 2
#D8D8B6
Pastel 3
#DFDFC3
Pastel 4
#E6E6D1
Deep Pastel
#EDEDDE
Lavender Blush
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFE5EE
Light
#FFE9F0
Medium Light
#FFEDF3
Medium
#FFF0F5
Medium Dark
#FFB9C6
Dark
#FF7F98
Darkest
#FA306E
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFF0F5
Left Dark
#FDF1F5
Left Medium
#FAF3F5
Left Light
#F8F4F5
Neutral
#F5F5F5
Right Light
#F4F8F6
Right Medium
#F3FAF7
Right Dark
#F1FDF9
Complementary End
#F0FFFA
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFF8FA
Medium
#FFF0F5
Dark
#7C6F73
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FAF0FF
Left Adjacent 1
#FFF0FC
Main
#FFF0F5
Right Adjacent 1
#FFF3F0
Right Adjacent 2
#FFFAF0
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFF0F5
Complementary
#F0FFFA
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFF0F5
Secondary
#F5FFF0
Tertiary
#F0F5FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFF0F5
Right 90°
#FDFFF0
Complementary
#F0FFFA
Left 90°
#F3F0FF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFF0F5
Secondary
#FFFAF0
Complementary
#F0FFFA
Complementary Secondary
#F0F5FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFF0F5
Split Left
#F0FFF3
Split Right
#F0FDFF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFF0F5
45°
#FFF6F0
90°
#FDFFF0
135°
#F1FFF0
180°
#F0FFFA
225°
#F0F9FF
270°
#F3F0FF
315°
#FEF0FF
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C99CAB
Pastel 1
#D1A9B6
Pastel 2
#D8B6C1
Pastel 3
#DFC3CD
Pastel 4
#E6D1D8
Deep Pastel
#EDDEE3
Honeydew
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E5FFE5
Light
#E9FFE9
Medium Light
#EDFFEC
Medium
#F0FFF0
Medium Dark
#C5FFB7
Dark
#90FF7B
Darkest
#37FE30
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#F0FFF0
Left Dark
#F1FDF1
Left Medium
#F3FAF3
Left Light
#F4F8F4
Neutral
#F5F5F5
Right Light
#F8F4F8
Right Medium
#FAF3FA
Right Dark
#FDF1FD
Complementary End
#FFF0FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#F8FFF7
Medium
#F0FFF0
Dark
#6C796C
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFFFF0
Left Adjacent 1
#F8FFF0
Main
#F0FFF0
Right Adjacent 1
#F0FFF8
Right Adjacent 2
#F0FFFF
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#F0FFF0
Complementary
#FFF0FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#F0FFF0
Secondary
#F0F0FF
Tertiary
#FFF0F0
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#F0FFF0
Right 90°
#F0F8FF
Complementary
#FFF0FF
Left 90°
#FFF8F0
Tetradic
Two pairs of complementary colors
4 colors
Main
#F0FFF0
Secondary
#F0FFFF
Complementary
#FFF0FF
Complementary Secondary
#FFF0F0
Split Complementary
Complementary colors ±30°
3 colors
Main
#F0FFF0
Split Left
#F8F0FF
Split Right
#FFF0F8
Cyclic
Circular gradient for periodic data
8 colors
0°
#F0FFF0
45°
#F0FFFB
90°
#F0F8FF
135°
#F4F0FF
180°
#FFF0FF
225°
#FFF0F4
270°
#FFF8F0
315°
#FBFFF0
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9CC99C
Pastel 1
#A9D1A9
Pastel 2
#B6D8B6
Pastel 3
#C3DFC3
Pastel 4
#D1E6D1
Deep Pastel
#DEEDDE
Sea Shell
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFF0E5
Light
#FFF2E8
Medium Light
#FFF3EB
Medium
#FFF5EE
Medium Dark
#FFCEAD
Dark
#FFA76D
Darkest
#FC7F2A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFF5EE
Left Dark
#FDF5F0
Left Medium
#FAF5F2
Left Light
#F8F5F3
Neutral
#F5F5F5
Right Light
#F3F6F7
Right Medium
#F2F7FA
Right Dark
#F0F7FC
Complementary End
#EEF8FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFFAF6
Medium
#FFF5EE
Dark
#7A726C
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFEEF8
Left Adjacent 1
#FFEEF0
Main
#FFF5EE
Right Adjacent 1
#FFFEEE
Right Adjacent 2
#F8FFEE
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFF5EE
Complementary
#EEF8FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFF5EE
Secondary
#EEFFF5
Tertiary
#F5EEFF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFF5EE
Right 90°
#F0FFEE
Complementary
#EEF8FF
Left 90°
#FEEEFF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFF5EE
Secondary
#F8FFEE
Complementary
#EEF8FF
Complementary Secondary
#F5EEFF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFF5EE
Split Left
#EEFFFE
Split Right
#EEF0FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFF5EE
45°
#FCFFEE
90°
#F0FFEE
135°
#EEFFF9
180°
#EEF8FF
225°
#F1EEFF
270°
#FEEEFF
315°
#FFEEF4
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9AE9C
Pastel 1
#D1B9A9
Pastel 2
#D8C4B6
Pastel 3
#DFCFC3
Pastel 4
#E6D9D1
Deep Pastel
#EDE4DE
Linen
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FBF2EA
Light
#FBF1E8
Medium Light
#FAF1E7
Medium
#FAF0E6
Medium Dark
#F2CEAE
Dark
#E6AC78
Darkest
#D58B43
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FAF0E6
Left Dark
#F9F1EA
Left Medium
#F8F2ED
Left Light
#F6F4F1
Neutral
#F5F5F5
Right Light
#F1F4F6
Right Medium
#EEF2F8
Right Dark
#EAF1F9
Complementary End
#E6F0FA
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FDF7F2
Medium
#FAF0E6
Dark
#787067
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FAE6F0
Left Adjacent 1
#FAE6E6
Main
#FAF0E6
Right Adjacent 1
#FAFAE6
Right Adjacent 2
#F0FAE6
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FAF0E6
Complementary
#E6F0FA
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FAF0E6
Secondary
#E6FAF0
Tertiary
#F0E6FA
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FAF0E6
Right 90°
#E6FAE6
Complementary
#E6F0FA
Left 90°
#FAE6FA
Tetradic
Two pairs of complementary colors
4 colors
Main
#FAF0E6
Secondary
#F0FAE6
Complementary
#E6F0FA
Complementary Secondary
#F0E6FA
Split Complementary
Complementary colors ±30°
3 colors
Main
#FAF0E6
Split Left
#E6FAFA
Split Right
#E6E6FA
Cyclic
Circular gradient for periodic data
8 colors
0°
#FAF0E6
45°
#F5FAE6
90°
#E6FAE6
135°
#E6FAF5
180°
#E6F0FA
225°
#EBE6FA
270°
#FAE6FA
315°
#FAE6EB
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C2B3A3
Pastel 1
#CABDAF
Pastel 2
#D2C7BC
Pastel 3
#DAD1C8
Pastel 4
#E2DBD4
Deep Pastel
#EBE5E0
Light Cyan
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E5FFFF
Light
#E4FFFF
Medium Light
#E2FFFF
Medium
#E0FFFF
Medium Dark
#BAFFFE
Dark
#8CFEFE
Darkest
#45FDFD
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#E0FFFF
Left Dark
#E6FDFC
Left Medium
#EBFAFA
Left Light
#F0F8F7
Neutral
#F5F5F5
Right Light
#F8F0F0
Right Medium
#FAEBEA
Right Dark
#FDE5E5
Complementary End
#FFE0E0
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#F0FFFF
Medium
#E0FFFF
Dark
#5E797A
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#E0FFE0
Left Adjacent 1
#E0FFF0
Main
#E0FFFF
Right Adjacent 1
#E0F0FF
Right Adjacent 2
#E0E0FF
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#E0FFFF
Complementary
#FFE0E0
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#E0FFFF
Secondary
#FFE0FF
Tertiary
#FFFFE0
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#E0FFFF
Right 90°
#F0E0FF
Complementary
#FFE0E0
Left 90°
#F0FFE0
Tetradic
Two pairs of complementary colors
4 colors
Main
#E0FFFF
Secondary
#E0E0FF
Complementary
#FFE0E0
Complementary Secondary
#FFFFE0
Split Complementary
Complementary colors ±30°
3 colors
Main
#E0FFFF
Split Left
#FFE0F0
Split Right
#FFF0E0
Cyclic
Circular gradient for periodic data
8 colors
0°
#E0FFFF
45°
#E0E8FF
90°
#F0E0FF
135°
#FFE0F7
180°
#FFE0E0
225°
#FFF7E0
270°
#F0FFE0
315°
#E0FFE8
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9CC9C9
Pastel 1
#A9D1D1
Pastel 2
#B6D8D8
Pastel 3
#C3DFDF
Pastel 4
#D1E6E6
Deep Pastel
#DEEDED
Light Pink
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFE5E9
Light
#FFD6DC
Medium Light
#FFC6CE
Medium
#FFB6C1
Medium Dark
#FC8B8B
Dark
#F45D58
Darkest
#E51726
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFB6C1
Left Dark
#FEC6CE
Left Medium
#FCD6DB
Left Light
#F9E5E8
Neutral
#F5F5F5
Right Light
#E7F8F5
Right Medium
#D7FAF4
Right Dark
#C7FDF4
Complementary End
#B6FFF4
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFDBE0
Medium
#FFB6C1
Dark
#8C4D58
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#F4B6FF
Left Adjacent 1
#FFB6E5
Main
#FFB6C1
Right Adjacent 1
#FFD0B6
Right Adjacent 2
#FFF4B6
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFB6C1
Complementary
#B6FFF4
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFB6C1
Secondary
#C1FFB6
Tertiary
#B6C1FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFB6C1
Right 90°
#E5FFB6
Complementary
#B6FFF4
Left 90°
#D0B6FF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFB6C1
Secondary
#FFF4B6
Complementary
#B6FFF4
Complementary Secondary
#B6C1FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFB6C1
Split Left
#B6FFD0
Split Right
#B6E5FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFB6C1
45°
#FFE2B6
90°
#E5FFB6
135°
#B6FFBD
180°
#B6FFF4
225°
#B6D3FF
270°
#D0B6FF
315°
#FFB6F8
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C99CA2
Pastel 1
#D1A9AF
Pastel 2
#D8B6BB
Pastel 3
#DFC3C7
Pastel 4
#E6D1D4
Deep Pastel
#EDDEE0
Pale Turquoise
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#EAFBFB
Light
#D7F6F6
Medium Light
#C3F2F2
Medium
#AFEEEE
Medium Dark
#8CD7D7
Dark
#68C1C1
Darkest
#3EABAB
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#AFEEEE
Left Dark
#C2F0F0
Left Medium
#D4F2F1
Left Light
#E5F3F3
Neutral
#F5F5F5
Right Light
#F5E3E3
Right Medium
#F3D2D1
Right Dark
#F1C0C0
Complementary End
#EEAFAF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#D8F7F6
Medium
#AFEEEE
Dark
#367475
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#AFEEAF
Left Adjacent 1
#AFEECF
Main
#AFEEEE
Right Adjacent 1
#AFCEEE
Right Adjacent 2
#AFAFEE
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#AFEEEE
Complementary
#EEAFAF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#AFEEEE
Secondary
#EEAFEE
Tertiary
#EEEEAF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#AFEEEE
Right 90°
#CEAFEE
Complementary
#EEAFAF
Left 90°
#CFEEAF
Tetradic
Two pairs of complementary colors
4 colors
Main
#AFEEEE
Secondary
#AFAFEE
Complementary
#EEAFAF
Complementary Secondary
#EEEEAF
Split Complementary
Complementary colors ±30°
3 colors
Main
#AFEEEE
Split Left
#EEAFCF
Split Right
#EECFAF
Cyclic
Circular gradient for periodic data
8 colors
0°
#AFEEEE
45°
#AFBFEE
90°
#CEAFEE
135°
#EEAFDE
180°
#EEAFAF
225°
#EEDEAF
270°
#CFEEAF
315°
#AFEEBF
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A4C1C1
Pastel 1
#B0CACA
Pastel 2
#BCD2D2
Pastel 3
#C8DADA
Pastel 4
#D4E2E2
Deep Pastel
#E1EAEA
Moccasin
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFF6E5
Light
#FFF0D5
Medium Light
#FFEAC5
Medium
#FFE4B5
Medium Dark
#FAC984
Dark
#F2AE53
Darkest
#E69416
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFE4B5
Left Dark
#FDE8C5
Left Medium
#FBECD5
Left Light
#F8F1E5
Neutral
#F5F5F5
Right Light
#E6ECF8
Right Medium
#D6E2FA
Right Dark
#C6D9FD
Complementary End
#B5D0FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFF1DA
Medium
#FFE4B5
Dark
#7F6A40
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFB5D0
Left Adjacent 1
#FFBFB5
Main
#FFE4B5
Right Adjacent 1
#F5FFB5
Right Adjacent 2
#D0FFB5
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFE4B5
Complementary
#B5D0FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFE4B5
Secondary
#B5FFE4
Tertiary
#E4B5FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFE4B5
Right 90°
#B5FFBF
Complementary
#B5D0FF
Left 90°
#FFB5F5
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFE4B5
Secondary
#D0FFB5
Complementary
#B5D0FF
Complementary Secondary
#E4B5FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFE4B5
Split Left
#B5F5FF
Split Right
#BFB5FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFE4B5
45°
#E3FFB5
90°
#B5FFBF
135°
#B5FFF7
180°
#B5D0FF
225°
#D2B5FF
270°
#FFB5F5
315°
#FFB5BE
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9B99C
Pastel 1
#D1C2A9
Pastel 2
#D8CBB6
Pastel 3
#DFD5C3
Pastel 4
#E6DED1
Deep Pastel
#EDE8DE
Light Sky Blue
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E7F5FE
Light
#C9E8FD
Medium Light
#AADBFB
Medium
#87CEFA
Medium Dark
#69ADDE
Dark
#498CC3
Darkest
#256EA8
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#87CEFA
Left Dark
#A7D8F9
Left Medium
#C2E1F8
Left Light
#DCEBF6
Neutral
#F5F5F5
Right Light
#F9E4D9
Right Medium
#FBD4BD
Right Dark
#FBC3A2
Complementary End
#FAB387
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#C7E6FD
Medium
#87CEFA
Dark
#00658C
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#87FAB3
Left Adjacent 1
#87FAED
Main
#87CEFA
Right Adjacent 1
#8794FA
Right Adjacent 2
#B387FA
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#87CEFA
Complementary
#FAB387
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#87CEFA
Secondary
#FA87CE
Tertiary
#CEFA87
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#87CEFA
Right 90°
#ED87FA
Complementary
#FAB387
Left 90°
#95FA87
Tetradic
Two pairs of complementary colors
4 colors
Main
#87CEFA
Secondary
#B387FA
Complementary
#FAB387
Complementary Secondary
#CEFA87
Split Complementary
Complementary colors ±30°
3 colors
Main
#87CEFA
Split Left
#FA8794
Split Right
#FAEC87
Cyclic
Circular gradient for periodic data
8 colors
0°
#87CEFA
45°
#9687FA
90°
#ED87FA
135°
#FA87B1
180°
#FAB387
225°
#EBFA87
270°
#95FA87
315°
#87FAD0
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9DB7C8
Pastel 1
#AAC1CF
Pastel 2
#B7CBD6
Pastel 3
#C4D4DE
Pastel 4
#D1DEE5
Deep Pastel
#DEE7ED
Pale Goldenrod
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FBF9EA
Light
#F7F3D4
Medium Light
#F3EEBF
Medium
#EEE8AA
Medium Dark
#D8CF81
Dark
#C1B658
Darkest
#AA9E2D
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#EEE8AA
Left Dark
#F1EBBD
Left Medium
#F3EECF
Left Light
#F4F2E2
Neutral
#F5F5F5
Right Light
#E3E3F4
Right Medium
#D1D2F2
Right Dark
#BEC1F0
Complementary End
#AAB0EE
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#F8F3D4
Medium
#EEE8AA
Dark
#716E37
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#EEAAB0
Left Adjacent 1
#EEC6AA
Main
#EEE8AA
Right Adjacent 1
#D2EEAA
Right Adjacent 2
#B0EEAA
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#EEE8AA
Complementary
#AAB0EE
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#EEE8AA
Secondary
#AAEEE8
Tertiary
#E8AAEE
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#EEE8AA
Right 90°
#AAEEC6
Complementary
#AAB0EE
Left 90°
#EEAAD2
Tetradic
Two pairs of complementary colors
4 colors
Main
#EEE8AA
Secondary
#B0EEAA
Complementary
#AAB0EE
Complementary Secondary
#E8AAEE
Split Complementary
Complementary colors ±30°
3 colors
Main
#EEE8AA
Split Left
#AAD2EE
Split Right
#C6AAEE
Cyclic
Circular gradient for periodic data
8 colors
0°
#EEE8AA
45°
#C1EEAA
90°
#AAEEC6
135°
#AAE3EE
180°
#AAB0EE
225°
#D7AAEE
270°
#EEAAD2
315°
#EEB5AA
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C2BFA3
Pastel 1
#CAC8AF
Pastel 2
#D2D0BC
Pastel 3
#DAD9C8
Pastel 4
#E2E1D4
Deep Pastel
#EBEAE0
Blanched Almond
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFF5E5
Light
#FFF2DD
Medium Light
#FFEED5
Medium
#FFEBCD
Medium Dark
#FFD095
Dark
#FFB55E
Darkest
#FD9B17
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFEBCD
Left Dark
#FDEDD7
Left Medium
#FBF0E1
Left Light
#F8F2EB
Neutral
#F5F5F5
Right Light
#EBF0F8
Right Medium
#E2EBFA
Right Dark
#D7E6FD
Complementary End
#CDE1FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFF5E6
Medium
#FFEBCD
Dark
#7D6D53
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFCDE1
Left Adjacent 1
#FFD2CD
Main
#FFEBCD
Right Adjacent 1
#FAFFCD
Right Adjacent 2
#E1FFCD
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFEBCD
Complementary
#CDE1FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFEBCD
Secondary
#CDFFEB
Tertiary
#EBCDFF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFEBCD
Right 90°
#CDFFD2
Complementary
#CDE1FF
Left 90°
#FFCDFA
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFEBCD
Secondary
#E1FFCD
Complementary
#CDE1FF
Complementary Secondary
#EBCDFF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFEBCD
Split Left
#CDFAFF
Split Right
#D2CDFF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFEBCD
45°
#EEFFCD
90°
#CDFFD2
135°
#CDFFF7
180°
#CDE1FF
225°
#DFCDFF
270°
#FFCDFA
315°
#FFCDD5
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9B79C
Pastel 1
#D1C1A9
Pastel 2
#D8CAB6
Pastel 3
#DFD4C3
Pastel 4
#E6DDD1
Deep Pastel
#EDE7DE
Light Salmon
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFE9E0
Light
#FFD1BD
Medium Light
#FFB89B
Medium
#FFA07A
Medium Dark
#E47D54
Dark
#C75A2F
Darkest
#AA3507
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFA07A
Left Dark
#FFB598
Left Medium
#FFCBB6
Left Light
#FCE0D5
Neutral
#F5F5F5
Right Light
#DBEEF8
Right Medium
#BFE7FA
Right Dark
#9FE0FD
Complementary End
#7AD9FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFCFBB
Medium
#FFA07A
Dark
#904021
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF7AD9
Left Adjacent 1
#FF7A97
Main
#FFA07A
Right Adjacent 1
#FFE27A
Right Adjacent 2
#D9FF7A
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFA07A
Complementary
#7AD9FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFA07A
Secondary
#7AFFA0
Tertiary
#A07AFF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFA07A
Right 90°
#97FF7A
Complementary
#7AD9FF
Left 90°
#E37AFF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFA07A
Secondary
#D9FF7A
Complementary
#7AD9FF
Complementary Secondary
#A07AFF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFA07A
Split Left
#7AFFE2
Split Right
#7A97FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFA07A
45°
#FAFF7A
90°
#97FF7A
135°
#7AFFC1
180°
#7AD9FF
225°
#7F7AFF
270°
#E37AFF
315°
#FF7AB8
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9A99C
Pastel 1
#D1B4A9
Pastel 2
#D8C0B6
Pastel 3
#DFCBC3
Pastel 4
#E6D7D1
Deep Pastel
#EDE2DE
Bisque
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFF3E5
Light
#FFEEDA
Medium Light
#FFE9CF
Medium
#FFE4C4
Medium Dark
#FFC58D
Dark
#FDA657
Darkest
#F48714
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFE4C4
Left Dark
#FDE8D0
Left Medium
#FBECDC
Left Light
#F8F1E9
Neutral
#F5F5F5
Right Light
#E9EFF8
Right Medium
#DDEAFA
Right Dark
#D1E4FD
Complementary End
#C4DFFF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFF1E1
Medium
#FFE4C4
Dark
#7F694D
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFC4DF
Left Adjacent 1
#FFC7C4
Main
#FFE4C4
Right Adjacent 1
#FCFFC4
Right Adjacent 2
#DFFFC4
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFE4C4
Complementary
#C4DFFF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFE4C4
Secondary
#C4FFE4
Tertiary
#E4C4FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFE4C4
Right 90°
#C4FFC7
Complementary
#C4DFFF
Left 90°
#FFC4FC
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFE4C4
Secondary
#DFFFC4
Complementary
#C4DFFF
Complementary Secondary
#E4C4FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFE4C4
Split Left
#C4FCFF
Split Right
#C6C4FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFE4C4
45°
#EEFFC4
90°
#C4FFC7
135°
#C4FFF3
180°
#C4DFFF
225°
#D5C4FF
270°
#FFC4FC
315°
#FFC4D0
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9B49C
Pastel 1
#D1BEA9
Pastel 2
#D8C8B6
Pastel 3
#DFD2C3
Pastel 4
#E6DCD1
Deep Pastel
#EDE6DE
Light Steel Blue
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#EDF2F7
Light
#D9E2EF
Medium Light
#C4D3E6
Medium
#B0C4DE
Medium Dark
#8AA0BF
Dark
#657DA0
Darkest
#405C83
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#B0C4DE
Left Dark
#C1D0E4
Left Medium
#D3DCEA
Left Light
#E4E9EF
Neutral
#F5F5F5
Right Light
#F0EAE3
Right Medium
#EADFD2
Right Dark
#E4D5C1
Complementary End
#DECAB0
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#D8E1EE
Medium
#B0C4DE
Dark
#4B5E75
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#B0DECA
Left Adjacent 1
#B0DBDE
Main
#B0C4DE
Right Adjacent 1
#B3B0DE
Right Adjacent 2
#CAB0DE
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#B0C4DE
Complementary
#DECAB0
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#B0C4DE
Secondary
#DEB0C4
Tertiary
#C4DEB0
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#B0C4DE
Right 90°
#DEB0DB
Complementary
#DECAB0
Left 90°
#B0DEB3
Tetradic
Two pairs of complementary colors
4 colors
Main
#B0C4DE
Secondary
#CAB0DE
Complementary
#DECAB0
Complementary Secondary
#C4DEB0
Split Complementary
Complementary colors ±30°
3 colors
Main
#B0C4DE
Split Left
#DEB3B0
Split Right
#DBDEB0
Cyclic
Circular gradient for periodic data
8 colors
0°
#B0C4DE
45°
#BEB0DE
90°
#DEB0DB
135°
#DEB0B8
180°
#DECAB0
225°
#D0DEB0
270°
#B0DEB3
315°
#B0DED6
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A9B1BC
Pastel 1
#B5BCC5
Pastel 2
#C0C6CE
Pastel 3
#CBD0D7
Pastel 4
#D7DBE0
Deep Pastel
#E2E5E9
Navajo White
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFF5E5
Light
#FFEDD3
Medium Light
#FFE6C0
Medium
#FFDEAD
Medium Dark
#F7C17E
Dark
#ECA44E
Darkest
#DE8714
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFDEAD
Left Dark
#FEE4BF
Left Medium
#FBE9D1
Left Light
#F9EFE3
Neutral
#F5F5F5
Right Light
#E4EBF8
Right Medium
#D3E1FA
Right Dark
#C0D8FD
Complementary End
#ADCEFF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFEED6
Medium
#FFDEAD
Dark
#80673B
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFADCE
Left Adjacent 1
#FFB5AD
Main
#FFDEAD
Right Adjacent 1
#F7FFAD
Right Adjacent 2
#CEFFAD
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFDEAD
Complementary
#ADCEFF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFDEAD
Secondary
#ADFFDE
Tertiary
#DEADFF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFDEAD
Right 90°
#ADFFB5
Complementary
#ADCEFF
Left 90°
#FFADF7
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFDEAD
Secondary
#CEFFAD
Complementary
#ADCEFF
Complementary Secondary
#DEADFF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFDEAD
Split Left
#ADF7FF
Split Right
#B5ADFF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFDEAD
45°
#E3FFAD
90°
#ADFFB5
135°
#ADFFF3
180°
#ADCEFF
225°
#C9ADFF
270°
#FFADF7
315°
#FFADB9
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9B79C
Pastel 1
#D1C1A9
Pastel 2
#D8CAB6
Pastel 3
#DFD4C3
Pastel 4
#E6DDD1
Deep Pastel
#EDE7DE
Cornsilk
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFFAE5
Light
#FFF9E2
Medium Light
#FFF9DF
Medium
#FFF8DC
Medium Dark
#FFEAA6
Dark
#FFDC6D
Darkest
#FECF25
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFF8DC
Left Dark
#FDF7E2
Left Medium
#FAF6E9
Left Light
#F8F6EF
Neutral
#F5F5F5
Right Light
#EFF0F8
Right Medium
#E9ECFA
Right Dark
#E2E7FD
Complementary End
#DCE3FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFFBED
Medium
#FFF8DC
Dark
#79745C
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFDCE3
Left Adjacent 1
#FFE7DC
Main
#FFF8DC
Right Adjacent 1
#F4FFDC
Right Adjacent 2
#E3FFDC
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFF8DC
Complementary
#DCE3FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFF8DC
Secondary
#DCFFF8
Tertiary
#F8DCFF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFF8DC
Right 90°
#DCFFE7
Complementary
#DCE3FF
Left 90°
#FFDCF4
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFF8DC
Secondary
#E3FFDC
Complementary
#DCE3FF
Complementary Secondary
#F8DCFF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFF8DC
Split Left
#DCF4FF
Split Right
#E7DCFF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFF8DC
45°
#ECFFDC
90°
#DCFFE7
135°
#DCFDFF
180°
#DCE3FF
225°
#EFDCFF
270°
#FFDCF4
315°
#FFDEDC
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9C09C
Pastel 1
#D1C9A9
Pastel 2
#D8D1B6
Pastel 3
#DFD9C3
Pastel 4
#E6E2D1
Deep Pastel
#EDEADE
Floral White
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFF6E5
Light
#FFF8E9
Medium Light
#FFF9EC
Medium
#FFFAF0
Medium Dark
#FFE3B3
Dark
#FFCC76
Darkest
#FDB730
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFFAF0
Left Dark
#FDF9F1
Left Medium
#FAF7F3
Left Light
#F8F6F4
Neutral
#F5F5F5
Right Light
#F4F5F8
Right Medium
#F3F5FA
Right Dark
#F1F5FD
Complementary End
#F0F5FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFFCF7
Medium
#FFFAF0
Dark
#79756C
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFF0F5
Left Adjacent 1
#FFF3F0
Main
#FFFAF0
Right Adjacent 1
#FDFFF0
Right Adjacent 2
#F5FFF0
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFFAF0
Complementary
#F0F5FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFFAF0
Secondary
#F0FFFA
Tertiary
#FAF0FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFFAF0
Right 90°
#F0FFF3
Complementary
#F0F5FF
Left 90°
#FFF0FD
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFFAF0
Secondary
#F5FFF0
Complementary
#F0F5FF
Complementary Secondary
#FAF0FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFFAF0
Split Left
#F0FDFF
Split Right
#F3F0FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFFAF0
45°
#F9FFF0
90°
#F0FFF3
135°
#F0FFFE
180°
#F0F5FF
225°
#F6F0FF
270°
#FFF0FD
315°
#FFF0F1
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9BA9C
Pastel 1
#D1C3A9
Pastel 2
#D8CDB6
Pastel 3
#DFD6C3
Pastel 4
#E6DFD1
Deep Pastel
#EDE8DE
Light Green
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E8FCE8
Light
#CDF8CB
Medium Light
#B0F3AE
Medium
#90EE90
Medium Dark
#70D16C
Dark
#4EB547
Darkest
#259A20
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#90EE90
Left Dark
#ACF0A9
Left Medium
#C6F2C3
Left Light
#DEF4DC
Neutral
#F5F5F5
Right Light
#F5DDF4
Right Medium
#F4C4F2
Right Dark
#F1AAF0
Complementary End
#EE90EE
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#CBF7C7
Medium
#90EE90
Dark
#057723
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#EEEE90
Left Adjacent 1
#BFEE90
Main
#90EE90
Right Adjacent 1
#90EEBF
Right Adjacent 2
#90EEEE
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#90EE90
Complementary
#EE90EE
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#90EE90
Secondary
#9090EE
Tertiary
#EE9090
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#90EE90
Right 90°
#90BFEE
Complementary
#EE90EE
Left 90°
#EEBF90
Tetradic
Two pairs of complementary colors
4 colors
Main
#90EE90
Secondary
#90EEEE
Complementary
#EE90EE
Complementary Secondary
#EE9090
Split Complementary
Complementary colors ±30°
3 colors
Main
#90EE90
Split Left
#BF90EE
Split Right
#EE90BF
Cyclic
Circular gradient for periodic data
8 colors
0°
#90EE90
45°
#90EED7
90°
#90BFEE
135°
#A890EE
180°
#EE90EE
225°
#EE90A7
270°
#EEBF90
315°
#D7EE90
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A2C3A2
Pastel 1
#AECBAE
Pastel 2
#BBD3BB
Pastel 3
#C7DBC7
Pastel 4
#D3E3D3
Deep Pastel
#E0EBE0
Papaya Whip
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFF5E5
Light
#FFF3E0
Medium Light
#FFF1DA
Medium
#FFEFD5
Medium Dark
#FFD59C
Dark
#FFBB63
Darkest
#FDA21C
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFEFD5
Left Dark
#FDF0DD
Left Medium
#FAF2E5
Left Light
#F8F3ED
Neutral
#F5F5F5
Right Light
#EDF1F8
Right Medium
#E5EDFA
Right Dark
#DDE9FD
Complementary End
#D5E5FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFF7EA
Medium
#FFEFD5
Dark
#7C6F59
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFD5E5
Left Adjacent 1
#FFDAD5
Main
#FFEFD5
Right Adjacent 1
#FAFFD5
Right Adjacent 2
#E5FFD5
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFEFD5
Complementary
#D5E5FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFEFD5
Secondary
#D5FFEF
Tertiary
#EFD5FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFEFD5
Right 90°
#D5FFDA
Complementary
#D5E5FF
Left 90°
#FFD5FA
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFEFD5
Secondary
#E5FFD5
Complementary
#D5E5FF
Complementary Secondary
#EFD5FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFEFD5
Split Left
#D5FAFF
Split Right
#DAD5FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFEFD5
45°
#F0FFD5
90°
#D5FFDA
135°
#D5FFFA
180°
#D5E5FF
225°
#E4D5FF
270°
#FFD5FA
315°
#FFD5DB
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9B89C
Pastel 1
#D1C1A9
Pastel 2
#D8CBB6
Pastel 3
#DFD4C3
Pastel 4
#E6DED1
Deep Pastel
#EDE7DE
Old Lace
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FDF6E7
Light
#FDF5E7
Medium Light
#FDF5E6
Medium
#FDF5E6
Medium Dark
#FDDBAC
Dark
#F7C273
Darkest
#ECAA33
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FDF5E6
Left Dark
#FBF5EA
Left Medium
#F9F5EE
Left Light
#F7F5F1
Neutral
#F5F5F5
Right Light
#F1F3F7
Right Medium
#EEF1F9
Right Dark
#EAF0FB
Complementary End
#E6EEFD
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FEFAF2
Medium
#FDF5E6
Dark
#797265
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FDE6EE
Left Adjacent 1
#FDEAE6
Main
#FDF5E6
Right Adjacent 1
#FAFDE6
Right Adjacent 2
#EEFDE6
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FDF5E6
Complementary
#E6EEFD
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FDF5E6
Secondary
#E6FDF5
Tertiary
#F5E6FD
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FDF5E6
Right 90°
#E6FDEA
Complementary
#E6EEFD
Left 90°
#FDE6FA
Tetradic
Two pairs of complementary colors
4 colors
Main
#FDF5E6
Secondary
#EEFDE6
Complementary
#E6EEFD
Complementary Secondary
#F5E6FD
Split Complementary
Complementary colors ±30°
3 colors
Main
#FDF5E6
Split Left
#E6FAFD
Split Right
#E9E6FD
Cyclic
Circular gradient for periodic data
8 colors
0°
#FDF5E6
45°
#F4FDE6
90°
#E6FDEA
135°
#E6FDFB
180°
#E6EEFD
225°
#EFE6FD
270°
#FDE6FA
315°
#FDE6E8
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C6B89F
Pastel 1
#CEC2AC
Pastel 2
#D5CBB9
Pastel 3
#DDD5C5
Pastel 4
#E4DED2
Deep Pastel
#ECE7DF
Mint Cream
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E5FFF2
Light
#EBFFF5
Medium Light
#F0FFF7
Medium
#F5FFFA
Medium Dark
#C7FFD9
Dark
#91FFB8
Darkest
#3FFE98
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#F5FFFA
Left Dark
#F5FCF9
Left Medium
#F5FAF7
Left Light
#F5F8F6
Neutral
#F5F5F5
Right Light
#F8F5F6
Right Medium
#FAF5F7
Right Dark
#FDF5F9
Complementary End
#FFF5FA
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FAFFFC
Medium
#F5FFFA
Dark
#6F7874
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FAFFF5
Left Adjacent 1
#F5FFF5
Main
#F5FFFA
Right Adjacent 1
#F5FFFF
Right Adjacent 2
#F5FAFF
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#F5FFFA
Complementary
#FFF5FA
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#F5FFFA
Secondary
#FAF5FF
Tertiary
#FFFAF5
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#F5FFFA
Right 90°
#F5F5FF
Complementary
#FFF5FA
Left 90°
#FFFFF5
Tetradic
Two pairs of complementary colors
4 colors
Main
#F5FFFA
Secondary
#F5FAFF
Complementary
#FFF5FA
Complementary Secondary
#FFFAF5
Split Complementary
Complementary colors ±30°
3 colors
Main
#F5FFFA
Split Left
#FFF5FF
Split Right
#FFF5F5
Cyclic
Circular gradient for periodic data
8 colors
0°
#F5FFFA
45°
#F5FDFF
90°
#F5F5FF
135°
#FCF5FF
180°
#FFF5FA
225°
#FFF8F5
270°
#FFFFF5
315°
#F8FFF5
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9CC9B2
Pastel 1
#A9D1BD
Pastel 2
#B6D8C7
Pastel 3
#C3DFD1
Pastel 4
#D1E6DB
Deep Pastel
#DEEDE5
Alice Blue
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E5F3FF
Light
#E9F5FF
Medium Light
#EDF6FF
Medium
#F0F8FF
Medium Dark
#C0D7FE
Dark
#8AB7FB
Darkest
#3A98F8
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#F0F8FF
Left Dark
#F1F7FC
Left Medium
#F3F6FA
Left Light
#F4F6F7
Neutral
#F5F5F5
Right Light
#F8F5F4
Right Medium
#FAF6F3
Right Dark
#FDF6F1
Complementary End
#FFF7F0
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#F8FBFF
Medium
#F0F8FF
Dark
#6D747A
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#F0FFF7
Left Adjacent 1
#F0FFFF
Main
#F0F8FF
Right Adjacent 1
#F0F1FF
Right Adjacent 2
#F7F0FF
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#F0F8FF
Complementary
#FFF7F0
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#F0F8FF
Secondary
#FFF0F8
Tertiary
#F8FFF0
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#F0F8FF
Right 90°
#FFF0FF
Complementary
#FFF7F0
Left 90°
#F1FFF0
Tetradic
Two pairs of complementary colors
4 colors
Main
#F0F8FF
Secondary
#F7F0FF
Complementary
#FFF7F0
Complementary Secondary
#F8FFF0
Split Complementary
Complementary colors ±30°
3 colors
Main
#F0F8FF
Split Left
#FFF0F1
Split Right
#FFFFF0
Cyclic
Circular gradient for periodic data
8 colors
0°
#F0F8FF
45°
#F3F0FF
90°
#FFF0FF
135°
#FFF0F4
180°
#FFF7F0
225°
#FCFFF0
270°
#F1FFF0
315°
#F0FFFB
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9CB4C9
Pastel 1
#A9BED1
Pastel 2
#B6C8D8
Pastel 3
#C3D2DF
Pastel 4
#D1DCE6
Deep Pastel
#DEE6ED
Extract Light Spring Color Palette
Upload a photo to extract a Light Spring color palette with HEX and RGB codes.
click or drag your image here
Supported formats: JPG, PNG, WebP