Skip to content

25+ Deep Winter (Dark Winter) Color Palettes

Generate 25+ Deep Winter color palettes from seasonal colors. Each palette is created from a base color, featuring deep, cool, and intense Winter hues that follow professional color theory principles. Perfect for personal style coordination, home decor, and creative projects for those with Deep Winter personal coloring.

Deep Winter color palette visualization

Deep Winter Colors

Copy HEX
HEX#191970
RGBrgb(25, 25, 112)
Copy HEX
HEX#046307
RGBrgb(4, 99, 7)
Copy HEX
HEX#722F37
RGBrgb(114, 47, 55)
Copy HEX
HEX#000000
RGBrgb(0, 0, 0)
Copy HEX
HEX#000080
RGBrgb(0, 0, 128)
Copy HEX
HEX#301934
RGBrgb(48, 25, 52)
Copy HEX
HEX#36454F
RGBrgb(54, 69, 79)
Copy HEX
HEX#008080
RGBrgb(0, 128, 128)
Copy HEX
HEX#800020
RGBrgb(128, 0, 32)
Copy HEX
HEX#483D8B
RGBrgb(72, 61, 139)
Copy HEX
HEX#008B8B
RGBrgb(0, 139, 139)
Copy HEX
HEX#8B008B
RGBrgb(139, 0, 139)
Copy HEX
HEX#014421
RGBrgb(1, 68, 33)
Copy HEX
HEX#4B0082
RGBrgb(75, 0, 130)
Copy HEX
HEX#9B111E
RGBrgb(155, 17, 30)
Copy HEX
HEX#4682B4
RGBrgb(70, 130, 180)
Copy HEX
HEX#701C1C
RGBrgb(112, 28, 28)
Copy HEX
HEX#5C3317
RGBrgb(92, 51, 23)
Copy HEX
HEX#9400D3
RGBrgb(148, 0, 211)
Copy HEX
HEX#08457E
RGBrgb(8, 69, 126)
Copy HEX
HEX#00CED1
RGBrgb(0, 206, 209)
Copy HEX
HEX#B76E79
RGBrgb(183, 110, 121)
Copy HEX
HEX#082567
RGBrgb(8, 37, 103)
Copy HEX
HEX#2E8B57
RGBrgb(46, 139, 87)
Copy HEX
HEX#CD5B45
RGBrgb(205, 91, 69)
Copy HEX
HEX#483C32
RGBrgb(72, 60, 50)
Copy HEX
HEX#804A00
RGBrgb(128, 74, 0)
Copy HEX
HEX#0047AB
RGBrgb(0, 71, 171)
Copy HEX
HEX#800000
RGBrgb(128, 0, 0)

Deep Winter 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 Winter hue.

Midnight Blue

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#7374E6
Light
#5554BD
Medium Light
#383696
Medium
#191970
Medium Dark
#151552
Dark
#101036
Darkest
#06061D

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#191970
Left Dark
#584A91
Left Medium
#8D7FB2
Left Light
#C1B9D3
Neutral
#F5F5F5
Right Light
#D5D2BC
Right Medium
#B4B085
Right Dark
#928F50
Complementary End
#707019

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#9184B7
Medium
#191970
Dark
#00095C
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#197070
Left Adjacent 1
#194470
Main
#191970
Right Adjacent 1
#441970
Right Adjacent 2
#701970

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#191970
Complementary
#707019

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#191970
Secondary
#701919
Tertiary
#197019

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#191970
Right 90°
#701945
Complementary
#707019
Left 90°
#197045

Tetradic

Two pairs of complementary colors

4 colors
Main
#191970
Secondary
#701970
Complementary
#707019
Complementary Secondary
#197019

Split Complementary

Complementary colors ±30°

3 colors
Main
#191970
Split Left
#704419
Split Right
#457019

Cyclic

Circular gradient for periodic data

8 colors
#191970
45°
#5A1970
90°
#701945
135°
#702F19
180°
#707019
225°
#2F7019
270°
#197045
315°
#195A70

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#A4A4C1
Pastel 1
#B0B0C9
Pastel 2
#BCBCD2
Pastel 3
#C8C8DA
Pastel 4
#D4D4E2
Deep Pastel
#E1E1EA

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
#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

Dark 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
#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

True Black

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#6C6466
Light
#484344
Medium Light
#262424
Medium
#000000
Medium Dark
#040404
Dark
#090909
Darkest
#0D0D0D

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#000000
Left Dark
#393939
Left Medium
#737373
Left Light
#B2B2B2
Neutral
#F5F5F5
Right Light
#B2B2B2
Right Medium
#737373
Right Dark
#393939
Complementary End
#000000

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#777777
Medium
#000000
Dark
#000000
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#000000
Left Adjacent 1
#000000
Main
#000000
Right Adjacent 1
#000000
Right Adjacent 2
#000000

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#000000
Complementary
#000000

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#000000
Secondary
#000000
Tertiary
#000000

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#000000
Right 90°
#000000
Complementary
#000000
Left 90°
#000000

Tetradic

Two pairs of complementary colors

4 colors
Main
#000000
Secondary
#000000
Complementary
#000000
Complementary Secondary
#000000

Split Complementary

Complementary colors ±30°

3 colors
Main
#000000
Split Left
#000000
Split Right
#000000

Cyclic

Circular gradient for periodic data

8 colors
#000000
45°
#000000
90°
#000000
135°
#000000
180°
#000000
225°
#000000
270°
#000000
315°
#000000

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#ABABAB
Pastel 1
#B6B6B6
Pastel 2
#C1C1C1
Pastel 3
#CDCDCD
Pastel 4
#D8D8D8
Deep Pastel
#E3E3E3

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
#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

Dark Purple

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#AB62B8
Light
#7F4889
Medium Light
#56305D
Medium
#301934
Medium Dark
#251528
Dark
#1B101D
Darkest
#100811

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#301934
Left Dark
#5D495F
Left Medium
#8D7F8F
Left Light
#C0B8C1
Neutral
#F5F5F5
Right Light
#BAC1B8
Right Medium
#828F7E
Right Dark
#4E6049
Complementary End
#1D3419

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#928393
Medium
#301934
Dark
#220B26
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#191D34
Left Adjacent 1
#221934
Main
#301934
Right Adjacent 1
#34192A
Right Adjacent 2
#34191D

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#301934
Complementary
#1D3419

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#301934
Secondary
#343019
Tertiary
#193430

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#301934
Right 90°
#342319
Complementary
#1D3419
Left 90°
#192B34

Tetradic

Two pairs of complementary colors

4 colors
Main
#301934
Secondary
#34191D
Complementary
#1D3419
Complementary Secondary
#193430

Split Complementary

Complementary colors ±30°

3 colors
Main
#301934
Split Left
#2A3419
Split Right
#193423

Cyclic

Circular gradient for periodic data

8 colors
#301934
45°
#341924
90°
#342319
135°
#313419
180°
#1D3419
225°
#193429
270°
#192B34
315°
#1C1934

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#B8AABB
Pastel 1
#C2B6C4
Pastel 2
#CBC1CD
Pastel 3
#D4CCD6
Pastel 4
#DED8DF
Deep Pastel
#E7E3E8

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
#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

Dark 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
#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 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
#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

Dark Slate Blue

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#BBB5E5
Light
#958BC6
Medium Light
#6F63A8
Medium
#483D8B
Medium Dark
#342C5E
Dark
#211C34
Darkest
#09090B

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#483D8B
Left Dark
#7567A5
Left Medium
#9F94C0
Left Light
#CAC4DA
Neutral
#F5F5F5
Right Light
#D8D9C5
Right Medium
#BBBF97
Right Dark
#9EA46A
Complementary End
#808B3D

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#A499C4
Medium
#483D8B
Dark
#1E1B63
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#3D808B
Left Adjacent 1
#3D598B
Main
#483D8B
Right Adjacent 1
#6F3D8B
Right Adjacent 2
#8B3D80

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#483D8B
Complementary
#808B3D

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#483D8B
Secondary
#8B483D
Tertiary
#3D8B48

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#483D8B
Right 90°
#8B3D59
Complementary
#808B3D
Left 90°
#3D8B6F

Tetradic

Two pairs of complementary colors

4 colors
Main
#483D8B
Secondary
#8B3D80
Complementary
#808B3D
Complementary Secondary
#3D8B48

Split Complementary

Complementary colors ±30°

3 colors
Main
#483D8B
Split Left
#8B6F3D
Split Right
#598B3D

Cyclic

Circular gradient for periodic data

8 colors
#483D8B
45°
#823D8B
90°
#8B3D59
135°
#8B5B3D
180°
#808B3D
225°
#468B3D
270°
#3D8B6F
315°
#3D6C8B

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#ACAABB
Pastel 1
#B7B5C4
Pastel 2
#C2C0CD
Pastel 3
#CDCCD6
Pastel 4
#D8D7DF
Deep Pastel
#E3E3E8

Dark Cyan

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#3BFFFF
Light
#29D7D7
Medium Light
#17B0B0
Medium
#008B8B
Medium Dark
#006767
Dark
#004545
Darkest
#002525

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#008B8B
Left Dark
#5CA5A4
Left Medium
#91C0BF
Left Light
#C3DAD9
Neutral
#F5F5F5
Right Light
#E4BCB2
Right Medium
#CC8573
Right Dark
#AE4D39
Complementary End
#8B0000

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#96C4C3
Medium
#008B8B
Dark
#00494B
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#008B00
Left Adjacent 1
#008B46
Main
#008B8B
Right Adjacent 1
#00458B
Right Adjacent 2
#00008B

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#008B8B
Complementary
#8B0000

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#008B8B
Secondary
#8B008B
Tertiary
#8B8B00

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#008B8B
Right 90°
#45008B
Complementary
#8B0000
Left 90°
#468B00

Tetradic

Two pairs of complementary colors

4 colors
Main
#008B8B
Secondary
#00008B
Complementary
#8B0000
Complementary Secondary
#8B8B00

Split Complementary

Complementary colors ±30°

3 colors
Main
#008B8B
Split Left
#8B0046
Split Right
#8B4600

Cyclic

Circular gradient for periodic data

8 colors
#008B8B
45°
#00238B
90°
#45008B
135°
#8B0068
180°
#8B0000
225°
#8B6800
270°
#468B00
315°
#008B23

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#9CC9C9
Pastel 1
#A9D1D1
Pastel 2
#B6D8D8
Pastel 3
#C3DFDF
Pastel 4
#D1E6E6
Deep Pastel
#DEEDED

Dark Magenta

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#FF53FF
Light
#D73BD7
Medium Light
#B022B0
Medium
#8B008B
Medium Dark
#660367
Dark
#440444
Darkest
#250025

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#8B008B
Left Dark
#A953A5
Left Medium
#C489C0
Left Light
#DDBFDA
Neutral
#F5F5F5
Right Light
#C3DBBB
Right Medium
#91C182
Right Dark
#5BA64B
Complementary End
#008B00

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#C98EC4
Medium
#8B008B
Dark
#5E0061
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#00008B
Left Adjacent 1
#45008B
Main
#8B008B
Right Adjacent 1
#8B0046
Right Adjacent 2
#8B0000

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#8B008B
Complementary
#008B00

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#8B008B
Secondary
#8B8B00
Tertiary
#008B8B

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#8B008B
Right 90°
#8B4600
Complementary
#008B00
Left 90°
#00458B

Tetradic

Two pairs of complementary colors

4 colors
Main
#8B008B
Secondary
#8B0000
Complementary
#008B00
Complementary Secondary
#008B8B

Split Complementary

Complementary colors ±30°

3 colors
Main
#8B008B
Split Left
#468B00
Split Right
#008B46

Cyclic

Circular gradient for periodic data

8 colors
#8B008B
45°
#8B0023
90°
#8B4600
135°
#688B00
180°
#008B00
225°
#008B68
270°
#00458B
315°
#23008B

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#C99CC9
Pastel 1
#D1A9D1
Pastel 2
#D8B6D8
Pastel 3
#DFC3DF
Pastel 4
#E6D1E6
Deep Pastel
#EDDEED

Dark Forest Green

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#00FD7F
Light
#02BB5E
Medium Light
#027D3E
Medium
#014421
Medium Dark
#05351B
Dark
#062615
Darkest
#00190C

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#014421
Left Dark
#446D50
Left Medium
#7C9984
Left Light
#B7C6BB
Neutral
#F5F5F5
Right Light
#C9B5BB
Right Medium
#9C7885
Right Dark
#703E52
Complementary End
#440124

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#819D88
Medium
#014421
Dark
#002804
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#244401
Left Adjacent 1
#024401
Main
#014421
Right Adjacent 1
#014443
Right Adjacent 2
#012444

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#014421
Complementary
#440124

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#014421
Secondary
#210144
Tertiary
#442101

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#014421
Right 90°
#010244
Complementary
#440124
Left 90°
#444201

Tetradic

Two pairs of complementary colors

4 colors
Main
#014421
Secondary
#012444
Complementary
#440124
Complementary Secondary
#442101

Split Complementary

Complementary colors ±30°

3 colors
Main
#014421
Split Left
#430144
Split Right
#440102

Cyclic

Circular gradient for periodic data

8 colors
#014421
45°
#013544
90°
#010244
135°
#320144
180°
#440124
225°
#441001
270°
#444201
315°
#134401

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#9CC9B2
Pastel 1
#A9D0BC
Pastel 2
#B7D7C6
Pastel 3
#C4DED1
Pastel 4
#D1E6DB
Deep Pastel
#DEEDE5

Deep Indigo

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#B64CFF
Light
#9134D4
Medium Light
#6D1CAA
Medium
#4B0082
Medium Dark
#36095D
Dark
#220A3B
Darkest
#10001C

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#4B0082
Left Dark
#79469F
Left Medium
#A47EBC
Left Light
#CDB9D8
Neutral
#F5F5F5
Right Light
#C8D8BA
Right Medium
#9ABB81
Right Dark
#6C9E49
Complementary End
#378200

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#A883C0
Medium
#4B0082
Dark
#2E0068
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#003782
Left Adjacent 1
#0A0082
Main
#4B0082
Right Adjacent 1
#820078
Right Adjacent 2
#820037

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#4B0082
Complementary
#378200

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#4B0082
Secondary
#824B00
Tertiary
#00824B

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#4B0082
Right 90°
#820A00
Complementary
#378200
Left 90°
#007882

Tetradic

Two pairs of complementary colors

4 colors
Main
#4B0082
Secondary
#820037
Complementary
#378200
Complementary Secondary
#00824B

Split Complementary

Complementary colors ±30°

3 colors
Main
#4B0082
Split Left
#788200
Split Right
#00820A

Cyclic

Circular gradient for periodic data

8 colors
#4B0082
45°
#820057
90°
#820A00
135°
#826B00
180°
#378200
225°
#00822A
270°
#007882
315°
#001782

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#B69CC9
Pastel 1
#C0A9D1
Pastel 2
#C9B6D8
Pastel 3
#D3C3DF
Pastel 4
#DDD1E6
Deep Pastel
#E7DEED

Dark Ruby

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#F7838F
Light
#D96067
Medium Light
#BB3D41
Medium
#9B111E
Medium Dark
#6A1618
Dark
#3C1311
Darkest
#110506

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#9B111E
Left Dark
#B9554D
Left Medium
#D38A82
Left Light
#E7BFBA
Neutral
#F5F5F5
Right Light
#C6DFDA
Right Medium
#95C8C0
Right Dark
#62B2A7
Complementary End
#119B8E

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#D88F86
Medium
#9B111E
Dark
#6A0000
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#8E119B
Left Adjacent 1
#9B1163
Main
#9B111E
Right Adjacent 1
#9B4911
Right Adjacent 2
#9B8E11

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#9B111E
Complementary
#119B8E

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#9B111E
Secondary
#1E9B11
Tertiary
#111E9B

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#9B111E
Right 90°
#639B11
Complementary
#119B8E
Left 90°
#49119B

Tetradic

Two pairs of complementary colors

4 colors
Main
#9B111E
Secondary
#9B8E11
Complementary
#119B8E
Complementary Secondary
#111E9B

Split Complementary

Complementary colors ±30°

3 colors
Main
#9B111E
Split Left
#119B49
Split Right
#11639B

Cyclic

Circular gradient for periodic data

8 colors
#9B111E
45°
#9B6B11
90°
#639B11
135°
#119B26
180°
#119B8E
225°
#11419B
270°
#49119B
315°
#9B1185

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#C5A0A4
Pastel 1
#CDADB0
Pastel 2
#D4B9BC
Pastel 3
#DCC6C8
Pastel 4
#E4D3D4
Deep Pastel
#ECDFE1

Dark Steel Blue

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#D1E5F6
Light
#A5C3E0
Medium Light
#78A2CA
Medium
#4682B4
Medium Dark
#355C7D
Dark
#24384A
Darkest
#12171D

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#4682B4
Left Dark
#779DC4
Left Medium
#A3BAD4
Left Light
#CCD7E5
Neutral
#F5F5F5
Right Light
#E8D4C7
Right Medium
#D9B59A
Right Dark
#C89670
Complementary End
#B47846

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#A7BED9
Medium
#4682B4
Dark
#00436F
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#46B478
Left Adjacent 1
#46B4AF
Main
#4682B4
Right Adjacent 1
#464BB4
Right Adjacent 2
#7846B4

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#4682B4
Complementary
#B47846

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#4682B4
Secondary
#B44682
Tertiary
#82B446

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#4682B4
Right 90°
#AF46B4
Complementary
#B47846
Left 90°
#4BB446

Tetradic

Two pairs of complementary colors

4 colors
Main
#4682B4
Secondary
#7846B4
Complementary
#B47846
Complementary Secondary
#82B446

Split Complementary

Complementary colors ±30°

3 colors
Main
#4682B4
Split Left
#B4464B
Split Right
#B4AF46

Cyclic

Circular gradient for periodic data

8 colors
#4682B4
45°
#5D46B4
90°
#AF46B4
135°
#B44666
180°
#B47846
225°
#9EB446
270°
#4BB446
315°
#46B493

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#A8B3BD
Pastel 1
#B4BDC5
Pastel 2
#BFC8CE
Pastel 3
#CBD2D7
Pastel 4
#D7DCE0
Deep Pastel
#E2E6E9

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
#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

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
#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 Violet

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#E59EFF
Light
#CC75F1
Medium Light
#B149E2
Medium
#9400D3
Medium Dark
#64128D
Dark
#38124D
Darkest
#100216

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#9400D3
Left Dark
#B259DD
Left Medium
#CC8FE6
Left Light
#E2C2EE
Neutral
#F5F5F5
Right Light
#D1EEC2
Right Medium
#ABE68F
Right Dark
#7EDD59
Complementary End
#3FD300

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#D193EB
Medium
#9400D3
Dark
#59009C
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#003FD3
Left Adjacent 1
#2A00D3
Main
#9400D3
Right Adjacent 1
#D300A8
Right Adjacent 2
#D3003F

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#9400D3
Complementary
#3FD300

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#9400D3
Secondary
#D39400
Tertiary
#00D394

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#9400D3
Right 90°
#D32B00
Complementary
#3FD300
Left 90°
#00A9D3

Tetradic

Two pairs of complementary colors

4 colors
Main
#9400D3
Secondary
#D3003F
Complementary
#3FD300
Complementary Secondary
#00D394

Split Complementary

Complementary colors ±30°

3 colors
Main
#9400D3
Split Left
#A8D300
Split Right
#00D32B

Cyclic

Circular gradient for periodic data

8 colors
#9400D3
45°
#D30074
90°
#D32B00
135°
#D3C900
180°
#3FD300
225°
#00D35F
270°
#00A9D3
315°
#000AD3

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#BC9CC9
Pastel 1
#C5A9D1
Pastel 2
#CEB6D8
Pastel 3
#D7C3DF
Pastel 4
#E0D1E6
Deep Pastel
#E9DEED

Dark Cerulean

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#51ACFB
Light
#3A88D0
Medium Light
#2365A6
Medium
#08457E
Medium Dark
#0A335C
Dark
#09223C
Darkest
#02101E

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#08457E
Left Dark
#546D9B
Left Medium
#8A98B9
Left Light
#BFC5D7
Neutral
#F5F5F5
Right Light
#DCC5B6
Right Medium
#C0977A
Right Dark
#A06B42
Complementary End
#7E4108

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#8F9CBD
Medium
#08457E
Dark
#00265A
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#087E41
Left Adjacent 1
#087E7C
Main
#08457E
Right Adjacent 1
#080A7E
Right Adjacent 2
#41087E

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#08457E
Complementary
#7E4108

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#08457E
Secondary
#7E0845
Tertiary
#457E08

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#08457E
Right 90°
#7C087E
Complementary
#7E4108
Left 90°
#0A7E08

Tetradic

Two pairs of complementary colors

4 colors
Main
#08457E
Secondary
#41087E
Complementary
#7E4108
Complementary Secondary
#457E08

Split Complementary

Complementary colors ±30°

3 colors
Main
#08457E
Split Left
#7E080A
Split Right
#7E7C08

Cyclic

Circular gradient for periodic data

8 colors
#08457E
45°
#23087E
90°
#7C087E
135°
#7E0827
180°
#7E4108
225°
#627E08
270°
#0A7E08
315°
#087E5F

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#9EB3C7
Pastel 1
#ABBDCE
Pastel 2
#B8C7D6
Pastel 3
#C5D2DD
Pastel 4
#D2DCE5
Deep Pastel
#DFE6EC

Dark Turquoise

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#91FFFF
Light
#71EFEF
Medium Light
#4CDEE0
Medium
#00CED1
Medium Dark
#1A8B8D
Dark
#194D4F
Darkest
#0A1818

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#00CED1
Left Dark
#6FD8DA
Left Medium
#A2E2E3
Left Light
#CDECEC
Neutral
#F5F5F5
Right Light
#F9C3B5
Right Medium
#F39279
Right Dark
#E55D3F
Complementary End
#D10300

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#A7E7E8
Medium
#00CED1
Dark
#00696D
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#00D103
Left Adjacent 1
#00D16C
Main
#00CED1
Right Adjacent 1
#0065D1
Right Adjacent 2
#0300D1

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#00CED1
Complementary
#D10300

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#00CED1
Secondary
#D100CE
Tertiary
#CED100

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#00CED1
Right 90°
#6C00D1
Complementary
#D10300
Left 90°
#65D100

Tetradic

Two pairs of complementary colors

4 colors
Main
#00CED1
Secondary
#0300D1
Complementary
#D10300
Complementary Secondary
#CED100

Split Complementary

Complementary colors ±30°

3 colors
Main
#00CED1
Split Left
#D10065
Split Right
#D16C00

Cyclic

Circular gradient for periodic data

8 colors
#00CED1
45°
#0031D1
90°
#6C00D1
135°
#D1009A
180°
#D10300
225°
#D1A000
270°
#65D100
315°
#00D137

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#9CC9C9
Pastel 1
#A9D0D1
Pastel 2
#B6D7D8
Pastel 3
#C3DEDF
Pastel 4
#D1E6E6
Deep Pastel
#DEEDED

Dark Rose

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#FEECEE
Light
#E8C1C6
Medium Light
#D0979E
Medium
#B76E79
Medium Dark
#8A525B
Dark
#5F383E
Darkest
#372023

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#B76E79
Left Dark
#C88F96
Left Medium
#D8B0B5
Left Light
#E7D2D5
Neutral
#F5F5F5
Right Light
#D4E6E2
Right Medium
#B3D6D0
Right Dark
#91C7BE
Complementary End
#6EB7AC

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#DDB5BA
Medium
#B76E79
Dark
#6C2B38
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#AC6EB7
Left Adjacent 1
#B76E9D
Main
#B76E79
Right Adjacent 1
#B7886E
Right Adjacent 2
#B7AC6E

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#B76E79
Complementary
#6EB7AC

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#B76E79
Secondary
#79B76E
Tertiary
#6E79B7

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#B76E79
Right 90°
#9DB76E
Complementary
#6EB7AC
Left 90°
#886EB7

Tetradic

Two pairs of complementary colors

4 colors
Main
#B76E79
Secondary
#B7AC6E
Complementary
#6EB7AC
Complementary Secondary
#6E79B7

Split Complementary

Complementary colors ±30°

3 colors
Main
#B76E79
Split Left
#6EB788
Split Right
#6E9DB7

Cyclic

Circular gradient for periodic data

8 colors
#B76E79
45°
#B79A6E
90°
#9DB76E
135°
#6EB775
180°
#6EB7AC
225°
#6E8BB7
270°
#886EB7
315°
#B76EB0

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#BAABAD
Pastel 1
#C3B6B8
Pastel 2
#CDC1C3
Pastel 3
#D6CCCE
Pastel 4
#DFD8D9
Deep Pastel
#E8E3E4

Dark Sapphire

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#417DF7
Light
#2E5EC5
Medium Light
#1B4094
Medium
#082567
Medium Dark
#0D1D4B
Dark
#0C1530
Darkest
#020818

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#082567
Left Dark
#4F5289
Left Medium
#8685AC
Left Light
#BDBBD0
Neutral
#F5F5F5
Right Light
#D3C7B6
Right Medium
#B19B7B
Right Dark
#8D7143
Complementary End
#674A08

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#8B89B1
Medium
#082567
Dark
#001452
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#08674A
Left Adjacent 1
#085467
Main
#082567
Right Adjacent 1
#1B0867
Right Adjacent 2
#4A0867

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#082567
Complementary
#674A08

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#082567
Secondary
#670825
Tertiary
#256708

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#082567
Right 90°
#670855
Complementary
#674A08
Left 90°
#08671A

Tetradic

Two pairs of complementary colors

4 colors
Main
#082567
Secondary
#4A0867
Complementary
#674A08
Complementary Secondary
#256708

Split Complementary

Complementary colors ±30°

3 colors
Main
#082567
Split Left
#671A08
Split Right
#556708

Cyclic

Circular gradient for periodic data

8 colors
#082567
45°
#320867
90°
#670855
135°
#67080D
180°
#674A08
225°
#3D6708
270°
#08671A
315°
#086762

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#9FABC6
Pastel 1
#ACB6CE
Pastel 2
#B8C1D5
Pastel 3
#C5CDDD
Pastel 4
#D2D8E4
Deep Pastel
#DFE3EC

Deep Sea Green

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#9DE2BC
Light
#79C599
Medium Light
#55A777
Medium
#2E8B57
Medium Dark
#275F3E
Dark
#1C3726
Darkest
#0D120F

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#2E8B57
Left Dark
#65A57C
Left Medium
#96C0A3
Left Light
#C5DACB
Neutral
#F5F5F5
Right Light
#DDC3CE
Right Medium
#C391A9
Right Dark
#A86184
Complementary End
#8B2E62

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#9AC5A8
Medium
#2E8B57
Dark
#004A1C
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#628B2E
Left Adjacent 1
#338B2E
Main
#2E8B57
Right Adjacent 1
#2E8B86
Right Adjacent 2
#2E628B

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#2E8B57
Complementary
#8B2E62

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#2E8B57
Secondary
#572E8B
Tertiary
#8B572E

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#2E8B57
Right 90°
#2E348B
Complementary
#8B2E62
Left 90°
#8B862E

Tetradic

Two pairs of complementary colors

4 colors
Main
#2E8B57
Secondary
#2E628B
Complementary
#8B2E62
Complementary Secondary
#8B572E

Split Complementary

Complementary colors ±30°

3 colors
Main
#2E8B57
Split Left
#852E8B
Split Right
#8B2E33

Cyclic

Circular gradient for periodic data

8 colors
#2E8B57
45°
#2E798B
90°
#2E348B
135°
#6E2E8B
180°
#8B2E62
225°
#8B402E
270°
#8B862E
315°
#4B8B2E

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#A7BEB1
Pastel 1
#B3C7BC
Pastel 2
#BECFC6
Pastel 3
#CAD8D0
Pastel 4
#D6E1DB
Deep Pastel
#E2E9E5

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
#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 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
#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
#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

Dark Cobalt

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#70B0FF
Light
#558CE3
Medium Light
#3668C7
Medium
#0047AB
Medium Dark
#133374
Dark
#131F42
Darkest
#040A15

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#0047AB
Left Dark
#606EBE
Left Medium
#9599D1
Left Light
#C5C6E3
Neutral
#F5F5F5
Right Light
#E9CFB9
Right Medium
#D8AA7F
Right Dark
#C48647
Complementary End
#AB6400

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#999DD6
Medium
#0047AB
Dark
#00247F
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#00AB64
Left Adjacent 1
#009DAB
Main
#0047AB
Right Adjacent 1
#0E00AB
Right Adjacent 2
#6400AB

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#0047AB
Complementary
#AB6400

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#0047AB
Secondary
#AB0047
Tertiary
#47AB00

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#0047AB
Right 90°
#AB009D
Complementary
#AB6400
Left 90°
#00AB0E

Tetradic

Two pairs of complementary colors

4 colors
Main
#0047AB
Secondary
#6400AB
Complementary
#AB6400
Complementary Secondary
#47AB00

Split Complementary

Complementary colors ±30°

3 colors
Main
#0047AB
Split Left
#AB0E00
Split Right
#9DAB00

Cyclic

Circular gradient for periodic data

8 colors
#0047AB
45°
#3900AB
90°
#AB009D
135°
#AB001C
180°
#AB6400
225°
#72AB00
270°
#00AB0E
315°
#00AB8F

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#9CAFC9
Pastel 1
#A9B9D1
Pastel 2
#B6C4D8
Pastel 3
#C3CFDF
Pastel 4
#D1D9E6
Deep Pastel
#DEE4ED

Deep 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
#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

Extract Deep Winter Color Palette

Upload a photo to extract a Deep Winter color palette with HEX and RGB codes.

click or drag your image here
Supported formats: JPG, PNG, WebP