Appearance
25+ Deep Autumn (Dark Autumn) Color Palettes
Generate 25+ Deep Autumn color palettes from seasonal colors. Each palette is created from a base color, featuring deep, warm, and rich Autumn hues that follow professional color theory principles. Perfect for personal style coordination, home decor, and creative projects for those with Deep Autumn personal coloring.
Deep Autumn Colors
Dark Burgundy →
HEX#800020
RGBrgb(128, 0, 32)
Forest Green →
HEX#228B22
RGBrgb(34, 139, 34)
Deep Teal →
HEX#008080
RGBrgb(0, 128, 128)
Dark Chocolate →
HEX#5C3317
RGBrgb(92, 51, 23)
Deep Rust →
HEX#8B4000
RGBrgb(139, 64, 0)
Mahogany →
HEX#C04000
RGBrgb(192, 64, 0)
Deep Gold →
HEX#CFB53B
RGBrgb(207, 181, 59)
Dark Olive →
HEX#556B2F
RGBrgb(85, 107, 47)
Cordovan →
HEX#893F45
RGBrgb(137, 63, 69)
Deep Plum →
HEX#701C1C
RGBrgb(112, 28, 28)
Sienna →
HEX#A0522D
RGBrgb(160, 82, 45)
Saddle Brown →
HEX#8B4513
RGBrgb(139, 69, 19)
Dark Slate Gray →
HEX#2F4F4F
RGBrgb(47, 79, 79)
Maroon →
HEX#800000
RGBrgb(128, 0, 0)
Dark Red →
HEX#8B0000
RGBrgb(139, 0, 0)
Firebrick →
HEX#B22222
RGBrgb(178, 34, 34)
Dark Goldenrod →
HEX#B8860B
RGBrgb(184, 134, 11)
Peru →
HEX#CD853F
RGBrgb(205, 133, 63)
Chocolate →
HEX#D2691E
RGBrgb(210, 105, 30)
Dark Orange →
HEX#FF8C00
RGBrgb(255, 140, 0)
Copper →
HEX#B87333
RGBrgb(184, 115, 51)
Deep Mustard →
HEX#CC7722
RGBrgb(204, 119, 34)
Dark Coral →
HEX#CD5B45
RGBrgb(205, 91, 69)
Deep Navy →
HEX#000080
RGBrgb(0, 0, 128)
Charcoal →
HEX#36454F
RGBrgb(54, 69, 79)
Burnt Umber →
HEX#8A3324
RGBrgb(138, 51, 36)
Deep Taupe →
HEX#483C32
RGBrgb(72, 60, 50)
Dark Bronze →
HEX#804A00
RGBrgb(128, 74, 0)
Deep Wine →
HEX#722F37
RGBrgb(114, 47, 55)
Dark Emerald →
HEX#046307
RGBrgb(4, 99, 7)
Deep Autumn 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 Deep Autumn hue.
Dark Burgundy
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FF4678
Light
#D33059
Medium Light
#A91A3C
Medium
#800020
Medium Dark
#5B0A19
Dark
#380B12
Darkest
#1A0006
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#800020
Left Dark
#A44B4E
Left Medium
#C38382
Left Light
#DEBBBA
Neutral
#F5F5F5
Right Light
#C0D7CE
Right Medium
#8CBAA7
Right Dark
#569D83
Complementary End
#008060
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#C88886
Medium
#800020
Dark
#5B0000
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#600080
Left Adjacent 1
#800060
Main
#800020
Right Adjacent 1
#802000
Right Adjacent 2
#806000
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#800020
Complementary
#008060
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#800020
Secondary
#208000
Tertiary
#002080
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#800020
Right 90°
#608000
Complementary
#008060
Left 90°
#200080
Tetradic
Two pairs of complementary colors
4 colors
Main
#800020
Secondary
#806000
Complementary
#008060
Complementary Secondary
#002080
Split Complementary
Complementary colors ±30°
3 colors
Main
#800020
Split Left
#008020
Split Right
#006080
Cyclic
Circular gradient for periodic data
8 colors
0°
#800020
45°
#804000
90°
#608000
135°
#008000
180°
#008060
225°
#004080
270°
#200080
315°
#800080
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C99CA7
Pastel 1
#D1A9B3
Pastel 2
#D8B6BE
Pastel 3
#DFC3CA
Pastel 4
#E6D1D6
Deep Pastel
#EDDEE2
Forest Green
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#8FE690
Light
#6DC76B
Medium Light
#4BA947
Medium
#228B22
Medium Dark
#20601D
Dark
#193816
Darkest
#0A130A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#228B22
Left Dark
#62A658
Left Medium
#95C08B
Left Light
#C5DBBF
Neutral
#F5F5F5
Right Light
#DDC1DA
Right Medium
#C38FBF
Right Dark
#A85CA5
Complementary End
#8B228B
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#99C58F
Medium
#228B22
Dark
#004A00
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#8B8B22
Left Adjacent 1
#578B22
Main
#228B22
Right Adjacent 1
#228B57
Right Adjacent 2
#228B8B
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#228B22
Complementary
#8B228B
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#228B22
Secondary
#22228B
Tertiary
#8B2222
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#228B22
Right 90°
#22568B
Complementary
#8B228B
Left 90°
#8B5622
Tetradic
Two pairs of complementary colors
4 colors
Main
#228B22
Secondary
#228B8B
Complementary
#8B228B
Complementary Secondary
#8B2222
Split Complementary
Complementary colors ±30°
3 colors
Main
#228B22
Split Left
#56228B
Split Right
#8B2257
Cyclic
Circular gradient for periodic data
8 colors
0°
#228B22
45°
#228B71
90°
#22568B
135°
#3C228B
180°
#8B228B
225°
#8B223C
270°
#8B5622
315°
#718B22
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A5C0A5
Pastel 1
#B1C9B1
Pastel 2
#BDD1BD
Pastel 3
#C9D9C9
Pastel 4
#D5E2D5
Deep Pastel
#E1EAE1
Deep Teal
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#28FFFF
Light
#1AD3D3
Medium Light
#0CA9A9
Medium
#008080
Medium Dark
#055B5B
Dark
#053939
Darkest
#001A1A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#008080
Left Dark
#599D9C
Left Medium
#8FBAB9
Left Light
#C2D7D6
Neutral
#F5F5F5
Right Light
#E0BBB2
Right Medium
#C68273
Right Dark
#A54B39
Complementary End
#800000
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#93BEBD
Medium
#008080
Dark
#004445
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#008000
Left Adjacent 1
#008040
Main
#008080
Right Adjacent 1
#004080
Right Adjacent 2
#000080
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#008080
Complementary
#800000
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#008080
Secondary
#800080
Tertiary
#808000
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#008080
Right 90°
#400080
Complementary
#800000
Left 90°
#408000
Tetradic
Two pairs of complementary colors
4 colors
Main
#008080
Secondary
#000080
Complementary
#800000
Complementary Secondary
#808000
Split Complementary
Complementary colors ±30°
3 colors
Main
#008080
Split Left
#800040
Split Right
#804000
Cyclic
Circular gradient for periodic data
8 colors
0°
#008080
45°
#002080
90°
#400080
135°
#800060
180°
#800000
225°
#806000
270°
#408000
315°
#008020
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9CC9C9
Pastel 1
#A9D1D1
Pastel 2
#B6D8D8
Pastel 3
#C3DFDF
Pastel 4
#D1E6E6
Deep Pastel
#DEEDED
Dark Chocolate
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#DC9361
Light
#B07147
Medium Light
#85512E
Medium
#5C3317
Medium Dark
#432613
Dark
#2B1A0E
Darkest
#140B05
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#5C3317
Left Dark
#845F48
Left Medium
#AA8E7E
Left Light
#D0C0B8
Neutral
#F5F5F5
Right Light
#BCC4CD
Right Medium
#8695A6
Right Dark
#516980
Complementary End
#17405C
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#AF9382
Medium
#5C3317
Dark
#3C1700
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#5C1740
Left Adjacent 1
#5C171D
Main
#5C3317
Right Adjacent 1
#5C5517
Right Adjacent 2
#405C17
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#5C3317
Complementary
#17405C
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#5C3317
Secondary
#175C33
Tertiary
#33175C
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#5C3317
Right 90°
#1D5C17
Complementary
#17405C
Left 90°
#56175C
Tetradic
Two pairs of complementary colors
4 colors
Main
#5C3317
Secondary
#405C17
Complementary
#17405C
Complementary Secondary
#33175C
Split Complementary
Complementary colors ±30°
3 colors
Main
#5C3317
Split Left
#175C55
Split Right
#171D5C
Cyclic
Circular gradient for periodic data
8 colors
0°
#5C3317
45°
#515C17
90°
#1D5C17
135°
#175C44
180°
#17405C
225°
#22175C
270°
#56175C
315°
#5C172F
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C0B0A5
Pastel 1
#C9BAB1
Pastel 2
#D1C5BD
Pastel 3
#D9D0C9
Pastel 4
#E2DAD5
Deep Pastel
#EAE5E1
Deep Rust
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFA451
Light
#D78137
Medium Light
#B1601C
Medium
#8B4000
Medium Dark
#663006
Dark
#442005
Darkest
#251100
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#8B4000
Left Dark
#AC6B3F
Left Medium
#C89778
Left Light
#E1C5B5
Neutral
#F5F5F5
Right Light
#C1C7DA
Right Medium
#8D9BC0
Right Dark
#5672A5
Complementary End
#004B8B
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#CD9C7D
Medium
#8B4000
Dark
#591400
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#8B004B
Left Adjacent 1
#8B0005
Main
#8B4000
Right Adjacent 1
#8B8600
Right Adjacent 2
#4B8B00
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#8B4000
Complementary
#004B8B
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#8B4000
Secondary
#008B40
Tertiary
#40008B
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#8B4000
Right 90°
#058B00
Complementary
#004B8B
Left 90°
#85008B
Tetradic
Two pairs of complementary colors
4 colors
Main
#8B4000
Secondary
#4B8B00
Complementary
#004B8B
Complementary Secondary
#40008B
Split Complementary
Complementary colors ±30°
3 colors
Main
#8B4000
Split Left
#008B86
Split Right
#00058B
Cyclic
Circular gradient for periodic data
8 colors
0°
#8B4000
45°
#6E8B00
90°
#058B00
135°
#008B63
180°
#004B8B
225°
#1D008B
270°
#85008B
315°
#8B0028
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9B19C
Pastel 1
#D1BBA9
Pastel 2
#D8C6B6
Pastel 3
#DFD0C3
Pastel 4
#E6DAD1
Deep Pastel
#EDE5DE
Mahogany
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFB188
Light
#EC8C5D
Medium Light
#D76733
Medium
#C04000
Medium Dark
#82300B
Dark
#491F0D
Darkest
#140B06
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#C04000
Left Dark
#D66F43
Left Medium
#E79C7C
Left Light
#F2C8B7
Neutral
#F5F5F5
Right Light
#C8D6E8
Right Medium
#99B8DB
Right Dark
#649CCE
Complementary End
#0080C0
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#ECA080
Medium
#C04000
Dark
#7B0000
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#C00080
Left Adjacent 1
#C00020
Main
#C04000
Right Adjacent 1
#C0A000
Right Adjacent 2
#80C000
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#C04000
Complementary
#0080C0
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#C04000
Secondary
#00C040
Tertiary
#4000C0
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#C04000
Right 90°
#20C000
Complementary
#0080C0
Left 90°
#A000C0
Tetradic
Two pairs of complementary colors
4 colors
Main
#C04000
Secondary
#80C000
Complementary
#0080C0
Complementary Secondary
#4000C0
Split Complementary
Complementary colors ±30°
3 colors
Main
#C04000
Split Left
#00C0A0
Split Right
#0020C0
Cyclic
Circular gradient for periodic data
8 colors
0°
#C04000
45°
#B0C000
90°
#20C000
135°
#00C070
180°
#0080C0
225°
#1000C0
270°
#A000C0
315°
#C00050
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9AB9C
Pastel 1
#D1B6A9
Pastel 2
#D8C1B6
Pastel 3
#DFCDC3
Pastel 4
#E6D8D1
Deep Pastel
#EDE3DE
Deep Gold
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F9F3D8
Light
#EEDEA5
Medium Light
#E0C972
Medium
#CFB53B
Medium Dark
#96842E
Dark
#615520
Darkest
#312B13
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#CFB53B
Left Dark
#DCC46D
Left Medium
#E7D49A
Left Light
#EFE4C7
Neutral
#F5F5F5
Right Light
#CECAED
Right Medium
#A5A1E3
Right Dark
#787ADA
Complementary End
#3B55CF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#ECD99F
Medium
#CFB53B
Dark
#665700
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#CF3B55
Left Adjacent 1
#CF6B3B
Main
#CFB53B
Right Adjacent 1
#9FCF3B
Right Adjacent 2
#55CF3B
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#CFB53B
Complementary
#3B55CF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#CFB53B
Secondary
#3BCFB5
Tertiary
#B53BCF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#CFB53B
Right 90°
#3BCF6B
Complementary
#3B55CF
Left 90°
#CF3B9F
Tetradic
Two pairs of complementary colors
4 colors
Main
#CFB53B
Secondary
#55CF3B
Complementary
#3B55CF
Complementary Secondary
#B53BCF
Split Complementary
Complementary colors ±30°
3 colors
Main
#CFB53B
Split Left
#3B9FCF
Split Right
#6B3BCF
Cyclic
Circular gradient for periodic data
8 colors
0°
#CFB53B
45°
#7ACF3B
90°
#3BCF6B
135°
#3BC4CF
180°
#3B55CF
225°
#903BCF
270°
#CF3B9F
315°
#CF463B
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C0BCA5
Pastel 1
#C9C5B1
Pastel 2
#D1CEBD
Pastel 3
#D9D7C9
Pastel 4
#E2E0D5
Deep Pastel
#EAE9E1
Dark Olive
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#B9D190
Light
#96AE6E
Medium Light
#758C4E
Medium
#556B2F
Medium Dark
#3D4B25
Dark
#262D1B
Darkest
#10110E
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#556B2F
Left Dark
#7C8C5D
Left Medium
#A3AE8E
Left Light
#CCD1C0
Neutral
#F5F5F5
Right Light
#C7BFD1
Right Medium
#9B8CAE
Right Dark
#705C8C
Complementary End
#452F6B
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#A8B292
Medium
#556B2F
Dark
#233900
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#6B452F
Left Adjacent 1
#6B632F
Main
#556B2F
Right Adjacent 1
#376B2F
Right Adjacent 2
#2F6B45
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#556B2F
Complementary
#452F6B
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#556B2F
Secondary
#2F556B
Tertiary
#6B2F55
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#556B2F
Right 90°
#2F6B63
Complementary
#452F6B
Left 90°
#6B2F37
Tetradic
Two pairs of complementary colors
4 colors
Main
#556B2F
Secondary
#2F6B45
Complementary
#452F6B
Complementary Secondary
#6B2F55
Split Complementary
Complementary colors ±30°
3 colors
Main
#556B2F
Split Left
#2F376B
Split Right
#632F6B
Cyclic
Circular gradient for periodic data
8 colors
0°
#556B2F
45°
#2F6B36
90°
#2F6B63
135°
#2F466B
180°
#452F6B
225°
#6B2F64
270°
#6B2F37
315°
#6B542F
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#B5BBAA
Pastel 1
#BFC4B5
Pastel 2
#C9CDC0
Pastel 3
#D3D6CC
Pastel 4
#DCDFD7
Deep Pastel
#E6E8E3
Cordovan
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E4B4B8
Light
#C68C90
Medium Light
#A86569
Medium
#893F45
Medium Dark
#5D2E31
Dark
#341E1F
Darkest
#0A0A0A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#893F45
Left Dark
#A66B6D
Left Medium
#C29798
Left Light
#DCC5C6
Neutral
#F5F5F5
Right Light
#C8D9D7
Right Medium
#9CBEBA
Right Dark
#6FA39E
Complementary End
#3F8983
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#C79C9D
Medium
#893F45
Dark
#58121E
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#833F89
Left Adjacent 1
#893F6A
Main
#893F45
Right Adjacent 1
#895E3F
Right Adjacent 2
#89833F
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#893F45
Complementary
#3F8983
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#893F45
Secondary
#45893F
Tertiary
#3F4589
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#893F45
Right 90°
#6A893F
Complementary
#3F8983
Left 90°
#5E3F89
Tetradic
Two pairs of complementary colors
4 colors
Main
#893F45
Secondary
#89833F
Complementary
#3F8983
Complementary Secondary
#3F4589
Split Complementary
Complementary colors ±30°
3 colors
Main
#893F45
Split Left
#3F895E
Split Right
#3F6A89
Cyclic
Circular gradient for periodic data
8 colors
0°
#893F45
45°
#89713F
90°
#6A893F
135°
#3F894C
180°
#3F8983
225°
#3F5789
270°
#5E3F89
315°
#893F7C
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BBAAAB
Pastel 1
#C4B5B7
Pastel 2
#CDC1C2
Pastel 3
#D6CCCD
Pastel 4
#DFD7D8
Deep Pastel
#E8E3E3
Deep Plum
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E37778
Light
#BC5857
Medium Light
#953A38
Medium
#701C1C
Medium Dark
#531717
Dark
#371211
Darkest
#1E0808
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#701C1C
Left Dark
#96524B
Left Medium
#B88680
Left Light
#D8BCB9
Neutral
#F5F5F5
Right Light
#C1D3D2
Right Medium
#8EB1B0
Right Dark
#5A908F
Complementary End
#1C7070
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#BD8B84
Medium
#701C1C
Dark
#4E0000
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#701C70
Left Adjacent 1
#701C46
Main
#701C1C
Right Adjacent 1
#70461C
Right Adjacent 2
#70701C
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#701C1C
Complementary
#1C7070
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#701C1C
Secondary
#1C701C
Tertiary
#1C1C70
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#701C1C
Right 90°
#46701C
Complementary
#1C7070
Left 90°
#461C70
Tetradic
Two pairs of complementary colors
4 colors
Main
#701C1C
Secondary
#70701C
Complementary
#1C7070
Complementary Secondary
#1C1C70
Split Complementary
Complementary colors ±30°
3 colors
Main
#701C1C
Split Left
#1C7046
Split Right
#1C4670
Cyclic
Circular gradient for periodic data
8 colors
0°
#701C1C
45°
#705B1C
90°
#46701C
135°
#1C7031
180°
#1C7070
225°
#1C3170
270°
#461C70
315°
#701C5B
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C0A5A5
Pastel 1
#C9B1B1
Pastel 2
#D1BDBD
Pastel 3
#D9C9C9
Pastel 4
#E2D5D5
Deep Pastel
#EAE1E1
Sienna
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#EEC1AB
Light
#D69B7F
Medium Light
#BC7655
Medium
#A0522D
Medium Dark
#6C3A23
Dark
#3C2419
Darkest
#0D0C0C
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#A0522D
Left Dark
#BA795B
Left Medium
#D1A18C
Left Light
#E5CABF
Neutral
#F5F5F5
Right Light
#C7D5DF
Right Medium
#99B6CA
Right Dark
#6898B5
Complementary End
#2D7BA0
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#D6A691
Medium
#A0522D
Dark
#621E00
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#A02D7B
Left Adjacent 1
#A02D42
Main
#A0522D
Right Adjacent 1
#A08B2D
Right Adjacent 2
#7BA02D
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#A0522D
Complementary
#2D7BA0
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#A0522D
Secondary
#2DA052
Tertiary
#522DA0
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#A0522D
Right 90°
#42A02D
Complementary
#2D7BA0
Left 90°
#8B2DA0
Tetradic
Two pairs of complementary colors
4 colors
Main
#A0522D
Secondary
#7BA02D
Complementary
#2D7BA0
Complementary Secondary
#522DA0
Split Complementary
Complementary colors ±30°
3 colors
Main
#A0522D
Split Left
#2DA08C
Split Right
#2D42A0
Cyclic
Circular gradient for periodic data
8 colors
0°
#A0522D
45°
#98A02D
90°
#42A02D
135°
#2DA06F
180°
#2D7BA0
225°
#352DA0
270°
#8B2DA0
315°
#A02D5E
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BFAEA6
Pastel 1
#C8B9B2
Pastel 2
#D0C4BD
Pastel 3
#D9CEC9
Pastel 4
#E1D9D5
Deep Pastel
#EAE4E1
Saddle Brown
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F1AA77
Light
#CF8755
Medium Light
#AD6534
Medium
#8B4513
Medium Dark
#603213
Dark
#382011
Darkest
#110D0A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#8B4513
Left Dark
#AB6F49
Left Medium
#C79A7F
Left Light
#E0C6B8
Neutral
#F5F5F5
Right Light
#C2CBDA
Right Medium
#8FA3BF
Right Dark
#5A7DA5
Complementary End
#13598B
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#CC9E83
Medium
#8B4513
Dark
#581900
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#8B1359
Left Adjacent 1
#8B131D
Main
#8B4513
Right Adjacent 1
#8B8113
Right Adjacent 2
#598B13
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#8B4513
Complementary
#13598B
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#8B4513
Secondary
#138B45
Tertiary
#45138B
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#8B4513
Right 90°
#1D8B13
Complementary
#13598B
Left 90°
#81138B
Tetradic
Two pairs of complementary colors
4 colors
Main
#8B4513
Secondary
#598B13
Complementary
#13598B
Complementary Secondary
#45138B
Split Complementary
Complementary colors ±30°
3 colors
Main
#8B4513
Split Left
#138B81
Split Right
#131D8B
Cyclic
Circular gradient for periodic data
8 colors
0°
#8B4513
45°
#778B13
90°
#1D8B13
135°
#138B63
180°
#13598B
225°
#27138B
270°
#81138B
315°
#8B133B
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C4B0A1
Pastel 1
#CCBAAE
Pastel 2
#D4C5BA
Pastel 3
#DCCFC7
Pastel 4
#E3DAD3
Deep Pastel
#EBE5E0
Dark Slate Gray
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#84BEBE
Light
#669797
Medium Light
#4A7272
Medium
#2F4F4F
Medium Dark
#233939
Dark
#182424
Darkest
#0A1010
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#2F4F4F
Left Dark
#5D7575
Left Medium
#8E9E9E
Left Light
#C0C9C9
Neutral
#F5F5F5
Right Light
#CABFBF
Right Medium
#A08C8B
Right Dark
#775C5B
Complementary End
#4F2F2F
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#92A3A2
Medium
#2F4F4F
Dark
#0A2C2C
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#2F4F2F
Left Adjacent 1
#2F4F3F
Main
#2F4F4F
Right Adjacent 1
#2F3F4F
Right Adjacent 2
#2F2F4F
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#2F4F4F
Complementary
#4F2F2F
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#2F4F4F
Secondary
#4F2F4F
Tertiary
#4F4F2F
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#2F4F4F
Right 90°
#3F2F4F
Complementary
#4F2F2F
Left 90°
#3F4F2F
Tetradic
Two pairs of complementary colors
4 colors
Main
#2F4F4F
Secondary
#2F2F4F
Complementary
#4F2F2F
Complementary Secondary
#4F4F2F
Split Complementary
Complementary colors ±30°
3 colors
Main
#2F4F4F
Split Left
#4F2F3F
Split Right
#4F3F2F
Cyclic
Circular gradient for periodic data
8 colors
0°
#2F4F4F
45°
#2F374F
90°
#3F2F4F
135°
#4F2F47
180°
#4F2F2F
225°
#4F472F
270°
#3F4F2F
315°
#2F4F37
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#ABBABA
Pastel 1
#B6C3C3
Pastel 2
#C1CDCD
Pastel 3
#CDD6D6
Pastel 4
#D8DFDF
Deep Pastel
#E3E8E8
Maroon
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FF474A
Light
#D33132
Medium Light
#A91B1A
Medium
#800000
Medium Dark
#5B0A02
Dark
#390B01
Darkest
#1A0000
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#800000
Left Dark
#A54B39
Left Medium
#C68273
Left Light
#E0BBB2
Neutral
#F5F5F5
Right Light
#C2D7D6
Right Medium
#8FBAB9
Right Dark
#599D9C
Complementary End
#008080
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#CB8777
Medium
#800000
Dark
#5C0000
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#800080
Left Adjacent 1
#800040
Main
#800000
Right Adjacent 1
#804000
Right Adjacent 2
#808000
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#800000
Complementary
#008080
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#800000
Secondary
#008000
Tertiary
#000080
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#800000
Right 90°
#408000
Complementary
#008080
Left 90°
#400080
Tetradic
Two pairs of complementary colors
4 colors
Main
#800000
Secondary
#808000
Complementary
#008080
Complementary Secondary
#000080
Split Complementary
Complementary colors ±30°
3 colors
Main
#800000
Split Left
#008040
Split Right
#004080
Cyclic
Circular gradient for periodic data
8 colors
0°
#800000
45°
#806000
90°
#408000
135°
#008020
180°
#008080
225°
#002080
270°
#400080
315°
#800060
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C99C9C
Pastel 1
#D1A9A9
Pastel 2
#D8B6B6
Pastel 3
#DFC3C3
Pastel 4
#E6D1D1
Deep Pastel
#EDDEDE
Dark Red
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FF5355
Light
#D73A39
Medium Light
#B1211E
Medium
#8B0000
Medium Dark
#660602
Dark
#430702
Darkest
#250000
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#8B0000
Left Dark
#AE4D39
Left Medium
#CC8573
Left Light
#E4BCB2
Neutral
#F5F5F5
Right Light
#C3DAD9
Right Medium
#91C0BF
Right Dark
#5CA5A4
Complementary End
#008B8B
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#D18978
Medium
#8B0000
Dark
#630000
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#8B008B
Left Adjacent 1
#8B0046
Main
#8B0000
Right Adjacent 1
#8B4600
Right Adjacent 2
#8B8B00
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#8B0000
Complementary
#008B8B
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#8B0000
Secondary
#008B00
Tertiary
#00008B
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#8B0000
Right 90°
#468B00
Complementary
#008B8B
Left 90°
#45008B
Tetradic
Two pairs of complementary colors
4 colors
Main
#8B0000
Secondary
#8B8B00
Complementary
#008B8B
Complementary Secondary
#00008B
Split Complementary
Complementary colors ±30°
3 colors
Main
#8B0000
Split Left
#008B46
Split Right
#00458B
Cyclic
Circular gradient for periodic data
8 colors
0°
#8B0000
45°
#8B6800
90°
#468B00
135°
#008B23
180°
#008B8B
225°
#00238B
270°
#45008B
315°
#8B0068
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C99C9C
Pastel 1
#D1A9A9
Pastel 2
#D8B6B6
Pastel 3
#DFC3C3
Pastel 4
#E6D1D1
Deep Pastel
#EDDEDE
Firebrick
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F6ADAE
Light
#E3827C
Medium Light
#CC564E
Medium
#B22222
Medium Dark
#781F1B
Dark
#421813
Darkest
#0F0707
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#B22222
Left Dark
#CB5F52
Left Medium
#DF9185
Left Light
#EDC3BB
Neutral
#F5F5F5
Right Light
#CAE5E4
Right Medium
#9ED4D3
Right Dark
#6DC3C2
Complementary End
#22B2B2
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#E49689
Medium
#B22222
Dark
#760000
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#B222B2
Left Adjacent 1
#B2226A
Main
#B22222
Right Adjacent 1
#B26A22
Right Adjacent 2
#B2B222
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#B22222
Complementary
#22B2B2
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#B22222
Secondary
#22B222
Tertiary
#2222B2
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#B22222
Right 90°
#6AB222
Complementary
#22B2B2
Left 90°
#6A22B2
Tetradic
Two pairs of complementary colors
4 colors
Main
#B22222
Secondary
#B2B222
Complementary
#22B2B2
Complementary Secondary
#2222B2
Split Complementary
Complementary colors ±30°
3 colors
Main
#B22222
Split Left
#22B26A
Split Right
#226AB2
Cyclic
Circular gradient for periodic data
8 colors
0°
#B22222
45°
#B28E22
90°
#6AB222
135°
#22B246
180°
#22B2B2
225°
#2246B2
270°
#6A22B2
315°
#B2228E
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C2A3A3
Pastel 1
#CAAFAF
Pastel 2
#D2BBBB
Pastel 3
#DAC8C8
Pastel 4
#E3D4D4
Deep Pastel
#EBE0E0
Dark Goldenrod
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FADC8F
Light
#E5BF67
Medium Light
#CFA23F
Medium
#B8860B
Medium Dark
#7D5C14
Dark
#473513
Darkest
#16120A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#B8860B
Left Dark
#CCA050
Left Medium
#DEBC87
Left Light
#EBD8BD
Neutral
#F5F5F5
Right Light
#C8C3E7
Right Medium
#9A94D8
Right Dark
#6667C8
Complementary End
#0B3DB8
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#E3C08B
Medium
#B8860B
Dark
#643E00
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#B80B3D
Left Adjacent 1
#B82F0B
Main
#B8860B
Right Adjacent 1
#93B80B
Right Adjacent 2
#3DB80B
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#B8860B
Complementary
#0B3DB8
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#B8860B
Secondary
#0BB886
Tertiary
#860BB8
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#B8860B
Right 90°
#0BB830
Complementary
#0B3DB8
Left 90°
#B80B94
Tetradic
Two pairs of complementary colors
4 colors
Main
#B8860B
Secondary
#3DB80B
Complementary
#0B3DB8
Complementary Secondary
#860BB8
Split Complementary
Complementary colors ±30°
3 colors
Main
#B8860B
Split Left
#0B93B8
Split Right
#2F0BB8
Cyclic
Circular gradient for periodic data
8 colors
0°
#B8860B
45°
#68B80B
90°
#0BB830
135°
#0BB8B1
180°
#0B3DB8
225°
#5B0BB8
270°
#B80B94
315°
#B80B12
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C7BB9E
Pastel 1
#CEC4AB
Pastel 2
#D6CDB8
Pastel 3
#DDD6C5
Pastel 4
#E5DFD2
Deep Pastel
#ECE8DF
Peru
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FCEBDA
Light
#F0C8A5
Medium Light
#E0A672
Medium
#CD853F
Medium Dark
#956130
Dark
#604021
Darkest
#302113
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#CD853F
Left Dark
#DCA06C
Left Medium
#E7BC98
Left Light
#F0D8C6
Neutral
#F5F5F5
Right Light
#CDD8EB
Right Medium
#A4BCE2
Right Dark
#78A1D7
Complementary End
#3F87CD
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#ECC19D
Medium
#CD853F
Dark
#733A00
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#CD3F87
Left Adjacent 1
#CD3F40
Main
#CD853F
Right Adjacent 1
#CDCC3F
Right Adjacent 2
#87CD3F
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#CD853F
Complementary
#3F87CD
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#CD853F
Secondary
#3FCD85
Tertiary
#853FCD
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#CD853F
Right 90°
#40CD3F
Complementary
#3F87CD
Left 90°
#CC3FCD
Tetradic
Two pairs of complementary colors
4 colors
Main
#CD853F
Secondary
#87CD3F
Complementary
#3F87CD
Complementary Secondary
#853FCD
Split Complementary
Complementary colors ±30°
3 colors
Main
#CD853F
Split Left
#3FCDCC
Split Right
#3F40CD
Cyclic
Circular gradient for periodic data
8 colors
0°
#CD853F
45°
#AACD3F
90°
#40CD3F
135°
#3FCDA8
180°
#3F87CD
225°
#613FCD
270°
#CC3FCD
315°
#CD3F63
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C0B2A5
Pastel 1
#C8BDB1
Pastel 2
#D1C7BD
Pastel 3
#D9D1C9
Pastel 4
#E2DBD5
Deep Pastel
#EAE5E1
Chocolate
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FCD9BF
Light
#F2B389
Medium Light
#E48E55
Medium
#D2691E
Medium Dark
#904A1B
Dark
#522D16
Darkest
#1C110B
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#D2691E
Left Dark
#E28C55
Left Medium
#EEAE89
Left Light
#F4D1BE
Neutral
#F5F5F5
Right Light
#CBD8ED
Right Medium
#9FBCE4
Right Dark
#6DA1DB
Complementary End
#1E87D2
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#F3B38D
Medium
#D2691E
Dark
#7D2200
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#D21E87
Left Adjacent 1
#D21E2D
Main
#D2691E
Right Adjacent 1
#D2C31E
Right Adjacent 2
#87D21E
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#D2691E
Complementary
#1E87D2
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#D2691E
Secondary
#1ED269
Tertiary
#691ED2
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#D2691E
Right 90°
#2DD21E
Complementary
#1E87D2
Left 90°
#C31ED2
Tetradic
Two pairs of complementary colors
4 colors
Main
#D2691E
Secondary
#87D21E
Complementary
#1E87D2
Complementary Secondary
#691ED2
Split Complementary
Complementary colors ±30°
3 colors
Main
#D2691E
Split Left
#1ED2C3
Split Right
#1E2DD2
Cyclic
Circular gradient for periodic data
8 colors
0°
#D2691E
45°
#B4D21E
90°
#2DD21E
135°
#1ED296
180°
#1E87D2
225°
#3C1ED2
270°
#C31ED2
315°
#D21E5A
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C4B0A1
Pastel 1
#CCBAAE
Pastel 2
#D4C5BA
Pastel 3
#DBCFC7
Pastel 4
#E3DAD3
Deep Pastel
#EBE5E0
Dark Orange
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFE7C5
Light
#FFC98D
Medium Light
#FFAB54
Medium
#FF8C00
Medium Dark
#B4640E
Dark
#6F3F0F
Darkest
#301D08
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FF8C00
Left Dark
#FFA652
Left Medium
#FFC089
Left Light
#FFDBBE
Neutral
#F5F5F5
Right Light
#D0D2F9
Right Medium
#A6B1FC
Right Dark
#7491FE
Complementary End
#0073FF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFC58D
Medium
#FF8C00
Dark
#923300
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FF0073
Left Adjacent 1
#FF0C00
Main
#FF8C00
Right Adjacent 1
#F3FF00
Right Adjacent 2
#73FF00
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FF8C00
Complementary
#0073FF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FF8C00
Secondary
#00FF8C
Tertiary
#8C00FF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FF8C00
Right 90°
#00FF0D
Complementary
#0073FF
Left 90°
#FF00F3
Tetradic
Two pairs of complementary colors
4 colors
Main
#FF8C00
Secondary
#73FF00
Complementary
#0073FF
Complementary Secondary
#8C00FF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FF8C00
Split Left
#00F2FF
Split Right
#0C00FF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FF8C00
45°
#B3FF00
90°
#00FF0D
135°
#00FFCC
180°
#0073FF
225°
#4C00FF
270°
#FF00F3
315°
#FF0033
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9B59C
Pastel 1
#D1BFA9
Pastel 2
#D8C9B6
Pastel 3
#DFD2C3
Pastel 4
#E6DCD1
Deep Pastel
#EDE6DE
Copper
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F4DAC1
Light
#E3B790
Medium Light
#CF9461
Medium
#B87333
Medium Dark
#7D5028
Dark
#462F1C
Darkest
#14100E
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#B87333
Left Dark
#CC9262
Left Medium
#DDB291
Left Light
#EBD3C2
Neutral
#F5F5F5
Right Light
#CAD4E6
Right Medium
#9EB4D7
Right Dark
#6F95C7
Complementary End
#3378B8
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#E2B796
Medium
#B87333
Dark
#6A3100
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#B83378
Left Adjacent 1
#B83336
Main
#B87333
Right Adjacent 1
#B8B533
Right Adjacent 2
#78B833
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#B87333
Complementary
#3378B8
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#B87333
Secondary
#33B873
Tertiary
#7333B8
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#B87333
Right 90°
#35B833
Complementary
#3378B8
Left 90°
#B533B8
Tetradic
Two pairs of complementary colors
4 colors
Main
#B87333
Secondary
#78B833
Complementary
#3378B8
Complementary Secondary
#7333B8
Split Complementary
Complementary colors ±30°
3 colors
Main
#B87333
Split Left
#33B8B6
Split Right
#3335B8
Cyclic
Circular gradient for periodic data
8 colors
0°
#B87333
45°
#99B833
90°
#35B833
135°
#33B894
180°
#3378B8
225°
#5233B8
270°
#B533B8
315°
#B83357
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BFB2A6
Pastel 1
#C8BCB1
Pastel 2
#D0C7BD
Pastel 3
#D9D1C9
Pastel 4
#E1DBD5
Deep Pastel
#EAE5E1
Deep Mustard
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F9DCBE
Light
#EEBA8A
Medium Light
#DF9858
Medium
#CC7722
Medium Dark
#8B531E
Dark
#4F3117
Darkest
#19120C
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#CC7722
Left Dark
#DC9658
Left Medium
#E9B58B
Left Light
#F2D4BF
Neutral
#F5F5F5
Right Light
#CAD4EB
Right Medium
#9EB3E1
Right Dark
#6D94D7
Complementary End
#2277CC
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#EEB990
Medium
#CC7722
Dark
#763000
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#CC2277
Left Adjacent 1
#CC2222
Main
#CC7722
Right Adjacent 1
#CCCC22
Right Adjacent 2
#77CC22
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#CC7722
Complementary
#2277CC
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#CC7722
Secondary
#22CC77
Tertiary
#7722CC
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#CC7722
Right 90°
#22CC22
Complementary
#2277CC
Left 90°
#CC22CC
Tetradic
Two pairs of complementary colors
4 colors
Main
#CC7722
Secondary
#77CC22
Complementary
#2277CC
Complementary Secondary
#7722CC
Split Complementary
Complementary colors ±30°
3 colors
Main
#CC7722
Split Left
#22CCCC
Split Right
#2222CC
Cyclic
Circular gradient for periodic data
8 colors
0°
#CC7722
45°
#A2CC22
90°
#22CC22
135°
#22CCA2
180°
#2277CC
225°
#4D22CC
270°
#CC22CC
315°
#CC224C
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C3B3A2
Pastel 1
#CBBDAE
Pastel 2
#D3C7BB
Pastel 3
#DBD1C7
Pastel 4
#E3DBD4
Deep Pastel
#EBE5E0
Dark Coral
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFE7E2
Light
#F3B8AB
Medium Light
#E38A76
Medium
#CD5B45
Medium Dark
#964333
Dark
#632D22
Darkest
#341812
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#CD5B45
Left Dark
#DD826E
Left Medium
#E9A899
Left Light
#F1CEC6
Neutral
#F5F5F5
Right Light
#CFE6EB
Right Medium
#A8D6E1
Right Dark
#7DC7D7
Complementary End
#45B7CD
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#EEAD9E
Medium
#CD5B45
Dark
#7E130A
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#CD45B7
Left Adjacent 1
#CD4573
Main
#CD5B45
Right Adjacent 1
#CD9F45
Right Adjacent 2
#B7CD45
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#CD5B45
Complementary
#45B7CD
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#CD5B45
Secondary
#45CD5B
Tertiary
#5B45CD
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#CD5B45
Right 90°
#73CD45
Complementary
#45B7CD
Left 90°
#9F45CD
Tetradic
Two pairs of complementary colors
4 colors
Main
#CD5B45
Secondary
#B7CD45
Complementary
#45B7CD
Complementary Secondary
#5B45CD
Split Complementary
Complementary colors ±30°
3 colors
Main
#CD5B45
Split Left
#45CD9F
Split Right
#4573CD
Cyclic
Circular gradient for periodic data
8 colors
0°
#CD5B45
45°
#CDC145
90°
#73CD45
135°
#45CD7D
180°
#45B7CD
225°
#4551CD
270°
#9F45CD
315°
#CD4595
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C0AAA5
Pastel 1
#C8B5B1
Pastel 2
#D1C0BD
Pastel 3
#D9CCC9
Pastel 4
#E1D7D5
Deep Pastel
#EAE3E1
Deep Navy
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#484CFF
Light
#3333D3
Medium Light
#1D1BA9
Medium
#000080
Medium Dark
#0A075B
Dark
#0D0739
Darkest
#00001A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#000080
Left Dark
#593D9E
Left Medium
#9077BB
Left Light
#C3B4D8
Neutral
#F5F5F5
Right Light
#DAD6BB
Right Medium
#BEB882
Right Dark
#A09C4B
Complementary End
#808000
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#947BC0
Medium
#000080
Dark
#00006F
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#008080
Left Adjacent 1
#004080
Main
#000080
Right Adjacent 1
#400080
Right Adjacent 2
#800080
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#000080
Complementary
#808000
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#000080
Secondary
#800000
Tertiary
#008000
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#000080
Right 90°
#800040
Complementary
#808000
Left 90°
#008040
Tetradic
Two pairs of complementary colors
4 colors
Main
#000080
Secondary
#800080
Complementary
#808000
Complementary Secondary
#008000
Split Complementary
Complementary colors ±30°
3 colors
Main
#000080
Split Left
#804000
Split Right
#408000
Cyclic
Circular gradient for periodic data
8 colors
0°
#000080
45°
#600080
90°
#800040
135°
#802000
180°
#808000
225°
#208000
270°
#008040
315°
#006080
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9C9CC9
Pastel 1
#A9A9D1
Pastel 2
#B6B6D8
Pastel 3
#C3C3DF
Pastel 4
#D1D1E6
Deep Pastel
#DEDEED
Charcoal
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#91ADBF
Light
#718898
Medium Light
#536672
Medium
#36454F
Medium Dark
#28333A
Dark
#1B2126
Darkest
#0D1012
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#36454F
Left Dark
#626D75
Left Medium
#90989E
Left Light
#C2C6C9
Neutral
#F5F5F5
Right Light
#C9C4C1
Right Medium
#9F9590
Right Dark
#766961
Complementary End
#4F4036
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#959DA3
Medium
#36454F
Dark
#17262F
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#364F40
Left Adjacent 1
#364F4D
Main
#36454F
Right Adjacent 1
#36394F
Right Adjacent 2
#40364F
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#36454F
Complementary
#4F4036
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#36454F
Secondary
#4F3645
Tertiary
#454F36
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#36454F
Right 90°
#4C364F
Complementary
#4F4036
Left 90°
#394F36
Tetradic
Two pairs of complementary colors
4 colors
Main
#36454F
Secondary
#40364F
Complementary
#4F4036
Complementary Secondary
#454F36
Split Complementary
Complementary colors ±30°
3 colors
Main
#36454F
Split Left
#4F3639
Split Right
#4F4D36
Cyclic
Circular gradient for periodic data
8 colors
0°
#36454F
45°
#3A364F
90°
#4C364F
135°
#4F363F
180°
#4F4036
225°
#4B4F36
270°
#394F36
315°
#364F46
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#ABB4BA
Pastel 1
#B6BEC3
Pastel 2
#C1C8CD
Pastel 3
#CDD2D6
Pastel 4
#D8DCDF
Deep Pastel
#E3E6E8
Burnt Umber
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#E99F93
Light
#CA7A6C
Medium Light
#AA5747
Medium
#8A3324
Medium Dark
#5E271C
Dark
#361B15
Darkest
#0D0A0A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#8A3324
Left Dark
#AA6253
Left Medium
#C69286
Left Light
#DFC3BC
Neutral
#F5F5F5
Right Light
#C4D5D9
Right Medium
#94B7BE
Right Dark
#6298A4
Complementary End
#247B8A
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#CB968A
Medium
#8A3324
Dark
#5B0400
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#8A247B
Left Adjacent 1
#8A2448
Main
#8A3324
Right Adjacent 1
#8A6624
Right Adjacent 2
#7B8A24
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#8A3324
Complementary
#247B8A
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#8A3324
Secondary
#248A33
Tertiary
#33248A
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#8A3324
Right 90°
#488A24
Complementary
#247B8A
Left 90°
#66248A
Tetradic
Two pairs of complementary colors
4 colors
Main
#8A3324
Secondary
#7B8A24
Complementary
#247B8A
Complementary Secondary
#33248A
Split Complementary
Complementary colors ±30°
3 colors
Main
#8A3324
Split Left
#248A66
Split Right
#24488A
Cyclic
Circular gradient for periodic data
8 colors
0°
#8A3324
45°
#8A8024
90°
#488A24
135°
#248A4C
180°
#247B8A
225°
#242E8A
270°
#66248A
315°
#8A2462
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C0A9A5
Pastel 1
#C8B4B1
Pastel 2
#D1C0BD
Pastel 3
#D9CBC9
Pastel 4
#E2D7D5
Deep Pastel
#EAE2E1
Deep Taupe
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#B8A08C
Light
#917D6D
Medium Light
#6B5C4E
Medium
#483C32
Medium Dark
#342C25
Dark
#221D19
Darkest
#0F0D0A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#483C32
Left Dark
#70665E
Left Medium
#9B938D
Left Light
#C7C3C0
Neutral
#F5F5F5
Right Light
#C0C3C7
Right Medium
#8E949A
Right Dark
#5E6770
Complementary End
#323E48
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#9F9892
Medium
#483C32
Dark
#2A2017
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#48323E
Left Adjacent 1
#483233
Main
#483C32
Right Adjacent 1
#484732
Right Adjacent 2
#3E4832
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#483C32
Complementary
#323E48
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#483C32
Secondary
#32483C
Tertiary
#3C3248
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#483C32
Right 90°
#334832
Complementary
#323E48
Left 90°
#473248
Tetradic
Two pairs of complementary colors
4 colors
Main
#483C32
Secondary
#3E4832
Complementary
#323E48
Complementary Secondary
#3C3248
Split Complementary
Complementary colors ±30°
3 colors
Main
#483C32
Split Left
#324847
Split Right
#323348
Cyclic
Circular gradient for periodic data
8 colors
0°
#483C32
45°
#444832
90°
#334832
135°
#324842
180°
#323E48
225°
#373248
270°
#473248
315°
#483238
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BAB2AB
Pastel 1
#C3BCB6
Pastel 2
#CDC6C1
Pastel 3
#D6D1CD
Pastel 4
#DFDBD8
Deep Pastel
#E8E5E3
Dark Bronze
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#FFB345
Light
#D38E2E
Medium Light
#A96B17
Medium
#804A00
Medium Dark
#5B3607
Dark
#392206
Darkest
#1A0F00
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#804A00
Left Dark
#A27240
Left Medium
#C19B79
Left Light
#DCC7B6
Neutral
#F5F5F5
Right Light
#BFC1D7
Right Medium
#8B8FBA
Right Dark
#54609D
Complementary End
#003680
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#C6A07E
Medium
#804A00
Dark
#4F2000
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#800036
Left Adjacent 1
#800A00
Main
#804A00
Right Adjacent 1
#768000
Right Adjacent 2
#368000
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#804A00
Complementary
#003680
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#804A00
Secondary
#00804A
Tertiary
#4A0080
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#804A00
Right 90°
#00800A
Complementary
#003680
Left 90°
#800076
Tetradic
Two pairs of complementary colors
4 colors
Main
#804A00
Secondary
#368000
Complementary
#003680
Complementary Secondary
#4A0080
Split Complementary
Complementary colors ±30°
3 colors
Main
#804A00
Split Left
#007680
Split Right
#0A0080
Cyclic
Circular gradient for periodic data
8 colors
0°
#804A00
45°
#568000
90°
#00800A
135°
#00806A
180°
#003680
225°
#2A0080
270°
#800076
315°
#800016
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#C9B69C
Pastel 1
#D1C0A9
Pastel 2
#D8CAB6
Pastel 3
#DFD3C3
Pastel 4
#E6DDD1
Deep Pastel
#EDE7DE
Deep Wine
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#DB969E
Light
#B7727A
Medium Light
#945057
Medium
#722F37
Medium Dark
#4E2428
Dark
#2D191B
Darkest
#0A0A0A
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#722F37
Left Dark
#955E62
Left Medium
#B68E90
Left Light
#D6C1C1
Neutral
#F5F5F5
Right Light
#C3D3D0
Right Medium
#93B2AD
Right Dark
#63918B
Complementary End
#2F726A
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#BB9394
Medium
#722F37
Dark
#4C0B19
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#6A2F72
Left Adjacent 1
#722F58
Main
#722F37
Right Adjacent 1
#72482F
Right Adjacent 2
#726A2F
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#722F37
Complementary
#2F726A
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#722F37
Secondary
#37722F
Tertiary
#2F3772
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#722F37
Right 90°
#59722F
Complementary
#2F726A
Left 90°
#492F72
Tetradic
Two pairs of complementary colors
4 colors
Main
#722F37
Secondary
#726A2F
Complementary
#2F726A
Complementary Secondary
#2F3772
Split Complementary
Complementary colors ±30°
3 colors
Main
#722F37
Split Left
#2F7248
Split Right
#2F5872
Cyclic
Circular gradient for periodic data
8 colors
0°
#722F37
45°
#72592F
90°
#59722F
135°
#2F7238
180°
#2F726A
225°
#2F4872
270°
#492F72
315°
#722F69
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BCA9AB
Pastel 1
#C5B4B6
Pastel 2
#CEC0C2
Pastel 3
#D7CBCD
Pastel 4
#E0D7D8
Deep Pastel
#E9E2E3
Dark Emerald
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#2BF83A
Light
#1EC428
Medium Light
#109217
Medium
#046307
Medium Dark
#0A480B
Dark
#0A2F0A
Darkest
#011902
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#046307
Left Dark
#508745
Left Medium
#87AB7D
Left Light
#BDCFB7
Neutral
#F5F5F5
Right Light
#D1BACE
Right Medium
#AE81A8
Right Dark
#894983
Complementary End
#630460
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#8BAF81
Medium
#046307
Dark
#003700
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#606304
Left Adjacent 1
#316304
Main
#046307
Right Adjacent 1
#046337
Right Adjacent 2
#046063
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#046307
Complementary
#630460
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#046307
Secondary
#070463
Tertiary
#630704
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#046307
Right 90°
#043163
Complementary
#630460
Left 90°
#633704
Tetradic
Two pairs of complementary colors
4 colors
Main
#046307
Secondary
#046063
Complementary
#630460
Complementary Secondary
#630704
Split Complementary
Complementary colors ±30°
3 colors
Main
#046307
Split Left
#360463
Split Right
#630431
Cyclic
Circular gradient for periodic data
8 colors
0°
#046307
45°
#04634E
90°
#043163
135°
#1F0463
180°
#630460
225°
#630419
270°
#633704
315°
#486304
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#9DC89F
Pastel 1
#AACFAC
Pastel 2
#B7D6B8
Pastel 3
#C4DEC5
Pastel 4
#D1E5D2
Deep Pastel
#DEEDDF
Extract Deep Autumn Color Palette
Upload a photo to extract a Deep Autumn color palette with HEX and RGB codes.
click or drag your image here
Supported formats: JPG, PNG, WebP