Appearance
25+ Spring Color Palettes
Generate 25+ Spring color palettes from seasonal colors. Each palette is created from a base color, featuring warm, bright, and fresh Spring hues that follow professional color theory principles. Perfect for personal style coordination, home decor, and creative projects.
Spring Colors
Coral →
HEX#FF7F50
RGBrgb(255, 127, 80)
Gold →
HEX#FFD700
RGBrgb(255, 215, 0)
Spring Green →
HEX#00FF7F
RGBrgb(0, 255, 127)
Peach →
HEX#FFDAB9
RGBrgb(255, 218, 185)
Lemon Chiffon →
HEX#FFFACD
RGBrgb(255, 250, 205)
Sky Blue →
HEX#87CEEB
RGBrgb(135, 206, 235)
Light Salmon →
HEX#FFA07A
RGBrgb(255, 160, 122)
Pale Green →
HEX#98FB98
RGBrgb(152, 251, 152)
Light Pink →
HEX#FFB6C1
RGBrgb(255, 182, 193)
Moccasin →
HEX#FFE4B5
RGBrgb(255, 228, 181)
Light Sky Blue →
HEX#87CEFA
RGBrgb(135, 206, 250)
Honeydew →
HEX#F0FFF0
RGBrgb(240, 255, 240)
Light Yellow →
HEX#FFFFE0
RGBrgb(255, 255, 224)
Mint Cream →
HEX#F5FFFA
RGBrgb(245, 255, 250)
Lavender Blush →
HEX#FFF0F5
RGBrgb(255, 240, 245)
Wheat →
HEX#F5DEB3
RGBrgb(245, 222, 179)
Peach Puff →
HEX#FFDAB9
RGBrgb(255, 218, 185)
Pale Turquoise →
HEX#AFEEEE
RGBrgb(175, 238, 238)
Bisque →
HEX#FFE4C4
RGBrgb(255, 228, 196)
Blanched Almond →
HEX#FFEBCD
RGBrgb(255, 235, 205)
Cornsilk →
HEX#FFF8DC
RGBrgb(255, 248, 220)
Navajo White →
HEX#FFDEAD
RGBrgb(255, 222, 173)
Floral White →
HEX#FFFAF0
RGBrgb(255, 250, 240)
Sea Shell →
HEX#FFF5EE
RGBrgb(255, 245, 238)
Ivory →
HEX#FFFFF0
RGBrgb(255, 255, 240)
Linen →
HEX#FAF0E6
RGBrgb(250, 240, 230)
Old Lace →
HEX#FDF5E6
RGBrgb(253, 245, 230)
Papaya Whip →
HEX#FFEFD5
RGBrgb(255, 239, 213)
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 Spring hue.
Coral
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFEBE1
Light
#FFC7AF
Medium Light
#FFA47F
Medium
#FF7F50
Medium Dark
#D36137
Dark
#A9431E
Darkest
#802706
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FF7F50
Left Dark
#FF9E78
Left Medium
#FFBBA0
Left Light
#FFD8CA
Neutral
#F5F5F5
Right Light
#D5ECF8
Right Medium
#B2E3FA
Right Dark
#89D9FD
Complementary End
#50D0FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFC0A5
Medium
#FF7F50
Dark
#962500
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF50D0
Left Adjacent 1
#FF5079
Main
#FF7F50
Right Adjacent 1
#FFD650
Right Adjacent 2
#D0FF50
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FF7F50
Complementary
#50D0FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FF7F50
Secondary
#50FF7F
Tertiary
#7F50FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FF7F50
Right 90°
#79FF50
Complementary
#50D0FF
Left 90°
#D650FF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FF7F50
Secondary
#D0FF50
Complementary
#50D0FF
Complementary Secondary
#7F50FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FF7F50
Split Left
#50FFD6
Split Right
#5079FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FF7F50
45°
#FCFF50
90°
#79FF50
135°
#50FFAB
180°
#50D0FF
225°
#5350FF
270°
#D650FF
315°
#FF50A4
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9A89C
Pastel 1
#D1B3A9
Pastel 2
#D8BFB6
Pastel 3
#DFCBC3
Pastel 4
#E6D6D1
Deep Pastel
#EDE2DE
Gold
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFF7C5
Light
#FFEC93
Medium Light
#FFE15E
Medium
#FFD700
Medium Dark
#B5990F
Dark
#705F10
Darkest
#322B09
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFD700
Left Dark
#FFDE5E
Left Medium
#FFE593
Left Light
#FEEDC4
Neutral
#F5F5F5
Right Light
#D3C1FA
Right Medium
#AC8EFD
Right Dark
#7A5CFF
Complementary End
#0028FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFEA98
Medium
#FFD700
Dark
#7C6500
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF0028
Left Adjacent 1
#FF5700
Main
#FFD700
Right Adjacent 1
#A7FF00
Right Adjacent 2
#28FF00
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFD700
Complementary
#0028FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFD700
Secondary
#00FFD7
Tertiary
#D700FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFD700
Right 90°
#00FF58
Complementary
#0028FF
Left 90°
#FF00A7
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFD700
Secondary
#28FF00
Complementary
#0028FF
Complementary Secondary
#D700FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFD700
Split Left
#00A7FF
Split Right
#5800FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFD700
45°
#68FF00
90°
#00FF58
135°
#00E7FF
180°
#0028FF
225°
#9700FF
270°
#FF00A7
315°
#FF1800
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9C29C
Pastel 1
#D1CAA9
Pastel 2
#D8D2B6
Pastel 3
#DFDBC3
Pastel 4
#E6E3D1
Deep Pastel
#EDEBDE
Spring Green
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#C5FFE3
Light
#9FFFC2
Medium Light
#70FFA1
Medium
#00FF7F
Medium Dark
#11B55C
Dark
#11703A
Darkest
#09321C
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#00FF7F
Left Dark
#76FE9D
Left Medium
#A8FCBB
Left Light
#D1F9D8
Neutral
#F5F5F5
Right Light
#FFC9D6
Right Medium
#FF9CB8
Right Dark
#FF689C
Complementary End
#FF0080
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#ADFFC0
Medium
#00FF7F
Dark
#008101
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#80FF00
Left Adjacent 1
#00FF00
Main
#00FF7F
Right Adjacent 1
#00FFFF
Right Adjacent 2
#0080FF
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#00FF7F
Complementary
#FF0080
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#00FF7F
Secondary
#7F00FF
Tertiary
#FF7F00
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#00FF7F
Right 90°
#0000FF
Complementary
#FF0080
Left 90°
#FFFF00
Tetradic
Two pairs of complementary colors
4 colors
Main
#00FF7F
Secondary
#0080FF
Complementary
#FF0080
Complementary Secondary
#FF7F00
Split Complementary
Complementary colors ±30°
3 colors
Main
#00FF7F
Split Left
#FE00FF
Split Right
#FF0000
Cyclic
Circular gradient for periodic data
8 colors
0°
#00FF7F
45°
#00C0FF
90°
#0000FF
135°
#BF00FF
180°
#FF0080
225°
#FF3F00
270°
#FFFF00
315°
#40FF00
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
Peach
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFF2E5
Light
#FFEAD7
Medium Light
#FFE2C8
Medium
#FFDAB9
Medium Dark
#FDB784
Dark
#F5954F
Darkest
#E97110
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFDAB9
Left Dark
#FDE1C8
Left Medium
#FBE7D7
Left Light
#F8EEE6
Neutral
#F5F5F5
Right Light
#E7EFF8
Right Medium
#D8E9FA
Right Dark
#C9E4FD
Complementary End
#B9DEFF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFECDC
Medium
#FFDAB9
Dark
#826447
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFB9DE
Left Adjacent 1
#FFB9BB
Main
#FFDAB9
Right Adjacent 1
#FFFDB9
Right Adjacent 2
#DEFFB9
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFDAB9
Complementary
#B9DEFF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFDAB9
Secondary
#B9FFDA
Tertiary
#DAB9FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFDAB9
Right 90°
#BBFFB9
Complementary
#B9DEFF
Left 90°
#FDB9FF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFDAB9
Secondary
#DEFFB9
Complementary
#B9DEFF
Complementary Secondary
#DAB9FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFDAB9
Split Left
#B9FFFD
Split Right
#B9BBFF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFDAB9
45°
#F0FFB9
90°
#BBFFB9
135°
#B9FFEC
180°
#B9DEFF
225°
#C8B9FF
270°
#FDB9FF
315°
#FFB9CC
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9B19C
Pastel 1
#D1BCA9
Pastel 2
#D8C6B6
Pastel 3
#DFD0C3
Pastel 4
#E6DBD1
Deep Pastel
#EDE5DE
Lemon Chiffon
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFFCE5
Light
#FFFCDD
Medium Light
#FFFBD5
Medium
#FFFACD
Medium Dark
#FFF39C
Dark
#FFEC69
Darkest
#FFE520
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFFACD
Left Dark
#FDF9D7
Left Medium
#FBF7E1
Left Light
#F8F6EB
Neutral
#F5F5F5
Right Light
#EBECF8
Right Medium
#E2E3FA
Right Dark
#D7DBFD
Complementary End
#CDD2FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFFCE6
Medium
#FFFACD
Dark
#79764E
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFCDD2
Left Adjacent 1
#FFE1CD
Main
#FFFACD
Right Adjacent 1
#EBFFCD
Right Adjacent 2
#D2FFCD
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFFACD
Complementary
#CDD2FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFFACD
Secondary
#CDFFFA
Tertiary
#FACDFF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFFACD
Right 90°
#CDFFE1
Complementary
#CDD2FF
Left 90°
#FFCDEB
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFFACD
Secondary
#D2FFCD
Complementary
#CDD2FF
Complementary Secondary
#FACDFF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFFACD
Split Left
#CDEBFF
Split Right
#E1CDFF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFFACD
45°
#DFFFCD
90°
#CDFFE1
135°
#CDF7FF
180°
#CDD2FF
225°
#EECDFF
270°
#FFCDEB
315°
#FFD5CD
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9C59C
Pastel 1
#D1CDA9
Pastel 2
#D8D4B6
Pastel 3
#DFDCC3
Pastel 4
#E6E4D1
Deep Pastel
#EDECDE
Sky Blue
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#DEF2FA
Light
#C3E6F5
Medium Light
#A6DAF0
Medium
#87CEEB
Medium Dark
#69ACC9
Dark
#4B8BA9
Darkest
#2D6B89
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#87CEEB
Left Dark
#A6D8EE
Left Medium
#C1E1F0
Left Light
#DCEBF3
Neutral
#F5F5F5
Right Light
#F5E1D9
Right Medium
#F3CCBD
Right Dark
#F0B8A2
Complementary End
#EBA487
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#C6E6F5
Medium
#87CEEB
Dark
#05667F
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#87EBA4
Left Adjacent 1
#87EBD6
Main
#87CEEB
Right Adjacent 1
#879CEB
Right Adjacent 2
#A487EB
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#87CEEB
Complementary
#EBA487
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#87CEEB
Secondary
#EB87CE
Tertiary
#CEEB87
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#87CEEB
Right 90°
#D687EB
Complementary
#EBA487
Left 90°
#9CEB87
Tetradic
Two pairs of complementary colors
4 colors
Main
#87CEEB
Secondary
#A487EB
Complementary
#EBA487
Complementary Secondary
#CEEB87
Split Complementary
Complementary colors ±30°
3 colors
Main
#87CEEB
Split Left
#EB879C
Split Right
#EBD687
Cyclic
Circular gradient for periodic data
8 colors
0°
#87CEEB
45°
#8B87EB
90°
#D687EB
135°
#EB87B5
180°
#EBA487
225°
#E7EB87
270°
#9CEB87
315°
#87EBBD
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A2B9C3
Pastel 1
#AEC3CB
Pastel 2
#BBCCD3
Pastel 3
#C7D5DB
Pastel 4
#D4DFE3
Deep Pastel
#E0E8EB
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
Pale Green
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E6FEE6
Light
#CEFECC
Medium Light
#B5FDB2
Medium
#98FB98
Medium Dark
#78E772
Dark
#55D34B
Darkest
#21BF18
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#98FB98
Left Dark
#B2FAB0
Left Medium
#CAF9C7
Left Light
#E0F7DE
Neutral
#F5F5F5
Right Light
#F8DFF7
Right Medium
#FAC8F8
Right Dark
#FBB1FA
Complementary End
#FB98FB
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#CFFECC
Medium
#98FB98
Dark
#037D24
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FBFB98
Left Adjacent 1
#CAFB98
Main
#98FB98
Right Adjacent 1
#98FBCA
Right Adjacent 2
#98FBFB
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#98FB98
Complementary
#FB98FB
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#98FB98
Secondary
#9898FB
Tertiary
#FB9898
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#98FB98
Right 90°
#98C9FB
Complementary
#FB98FB
Left 90°
#FBCA98
Tetradic
Two pairs of complementary colors
4 colors
Main
#98FB98
Secondary
#98FBFB
Complementary
#FB98FB
Complementary Secondary
#FB9898
Split Complementary
Complementary colors ±30°
3 colors
Main
#98FB98
Split Left
#C998FB
Split Right
#FB98CA
Cyclic
Circular gradient for periodic data
8 colors
0°
#98FB98
45°
#98FBE2
90°
#98C9FB
135°
#B198FB
180°
#FB98FB
225°
#FB98B1
270°
#FBCA98
315°
#E2FB98
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9DC89D
Pastel 1
#AACFAA
Pastel 2
#B7D6B7
Pastel 3
#C4DEC4
Pastel 4
#D1E5D1
Deep Pastel
#DEEDDE
Light Pink
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFE5E9
Light
#FFD6DC
Medium Light
#FFC6CE
Medium
#FFB6C1
Medium Dark
#FC8B8B
Dark
#F45D58
Darkest
#E51726
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFB6C1
Left Dark
#FEC6CE
Left Medium
#FCD6DB
Left Light
#F9E5E8
Neutral
#F5F5F5
Right Light
#E7F8F5
Right Medium
#D7FAF4
Right Dark
#C7FDF4
Complementary End
#B6FFF4
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFDBE0
Medium
#FFB6C1
Dark
#8C4D58
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#F4B6FF
Left Adjacent 1
#FFB6E5
Main
#FFB6C1
Right Adjacent 1
#FFD0B6
Right Adjacent 2
#FFF4B6
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFB6C1
Complementary
#B6FFF4
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFB6C1
Secondary
#C1FFB6
Tertiary
#B6C1FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFB6C1
Right 90°
#E5FFB6
Complementary
#B6FFF4
Left 90°
#D0B6FF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFB6C1
Secondary
#FFF4B6
Complementary
#B6FFF4
Complementary Secondary
#B6C1FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFB6C1
Split Left
#B6FFD0
Split Right
#B6E5FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFB6C1
45°
#FFE2B6
90°
#E5FFB6
135°
#B6FFBD
180°
#B6FFF4
225°
#B6D3FF
270°
#D0B6FF
315°
#FFB6F8
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C99CA2
Pastel 1
#D1A9AF
Pastel 2
#D8B6BB
Pastel 3
#DFC3C7
Pastel 4
#E6D1D4
Deep Pastel
#EDDEE0
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
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
Light 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
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
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
Wheat
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FCF5E8
Light
#FAEDD7
Medium Light
#F8E6C5
Medium
#F5DEB3
Medium Dark
#E6C184
Dark
#D4A456
Darkest
#C18824
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#F5DEB3
Left Dark
#F6E4C3
Left Medium
#F6E9D4
Left Light
#F6EFE4
Neutral
#F5F5F5
Right Light
#E5EAF5
Right Medium
#D5DFF5
Right Dark
#C4D5F5
Complementary End
#B3CAF5
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FBEED9
Medium
#F5DEB3
Dark
#7A6842
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#F5B3CA
Left Adjacent 1
#F5BDB3
Main
#F5DEB3
Right Adjacent 1
#EBF5B3
Right Adjacent 2
#CAF5B3
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#F5DEB3
Complementary
#B3CAF5
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#F5DEB3
Secondary
#B3F5DE
Tertiary
#DEB3F5
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#F5DEB3
Right 90°
#B3F5BD
Complementary
#B3CAF5
Left 90°
#F5B3EB
Tetradic
Two pairs of complementary colors
4 colors
Main
#F5DEB3
Secondary
#CAF5B3
Complementary
#B3CAF5
Complementary Secondary
#DEB3F5
Split Complementary
Complementary colors ±30°
3 colors
Main
#F5DEB3
Split Left
#B3EBF5
Split Right
#BDB3F5
Cyclic
Circular gradient for periodic data
8 colors
0°
#F5DEB3
45°
#DAF5B3
90°
#B3F5BD
135°
#B3F5EF
180°
#B3CAF5
225°
#CEB3F5
270°
#F5B3EB
315°
#F5B3B9
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C4B8A1
Pastel 1
#CCC1AD
Pastel 2
#D4CBBA
Pastel 3
#DCD4C7
Pastel 4
#E4DED3
Deep Pastel
#EBE7E0
Peach Puff
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
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
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
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
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
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
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
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
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
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
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
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
Extract Spring Color Palette
Upload a photo to extract a Spring color palette with HEX and RGB codes.
click or drag your image here
Supported formats: JPG, PNG, WebP