Appearance
Spotify Logo Color Code & Palette
Looking for the official Spotify logo color code? Get the exact #1DB954 and Spotify Green, #191414 and Spotify Black and #FFFFFF and Spotify White. Complete color information for design and development projects featuring Spotify's signature brand color.
Extract Spotify Logo Colors from Image
Upload a photo or SVG image containing the Spotify logo to find the exact HEX and RGB color codes. Supported formats include PNG, JPG, SVG, and more.
click or drag your image here
Supported formats: JPG, PNG, WebP
Spotify Logo Color Code Converter
Instantly convert Spotify's brand color between HEX, RGB, CMYK, and other color systems.
All Formats:
- HEX:#ECB12E
- RGB:rgb(236, 177, 46)
- CMYK:cmyk(0%, 25%, 81%, 7%)
- HSV:hsv(41°, 81%, 93%)
- HSL:hsl(41°, 83%, 55%)
Spotify Logo Color Palette
#1DB954
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#A9F4C4
Light
#83E09E
Medium Light
#5ACD79
Medium
#1DB954
Medium Dark
#217D3C
Dark
#1B4625
Darkest
#0A150E
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#1DB954
Left Dark
#6AC97C
Left Medium
#9CD9A3
Left Light
#C9E7CC
Neutral
#F5F5F5
Right Light
#EBC4D7
Right Medium
#DD94BA
Right Dark
#CC619E
Complementary End
#B91D82
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#A1DEA8
Medium
#1DB954
Dark
#006000
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#82B91D
Left Adjacent 1
#34B91D
Main
#1DB954
Right Adjacent 1
#1DB9A2
Right Adjacent 2
#1D82B9
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#1DB954
Complementary
#B91D82
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#1DB954
Secondary
#541DB9
Tertiary
#B9541D
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#1DB954
Right 90°
#1D34B9
Complementary
#B91D82
Left 90°
#B9A21D
Tetradic
Two pairs of complementary colors
4 colors
Main
#1DB954
Secondary
#1D82B9
Complementary
#B91D82
Complementary Secondary
#B9541D
Split Complementary
Complementary colors ±30°
3 colors
Main
#1DB954
Split Left
#A21DB9
Split Right
#B91D34
Cyclic
Circular gradient for periodic data
8 colors
0°
#1DB954
45°
#1DA9B9
90°
#1D34B9
135°
#7B1DB9
180°
#B91D82
225°
#B92D1D
270°
#B9A21D
315°
#5BB91D
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A2C3AE
Pastel 1
#AECBB8
Pastel 2
#BBD3C3
Pastel 3
#C7DBCE
Pastel 4
#D3E3D9
Deep Pastel
#E0EBE4
#191414
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#906C6D
Light
#654D4D
Medium Light
#3D2F2F
Medium
#191414
Medium Dark
#161111
Dark
#120F0F
Darkest
#0E0B0B
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#191414
Left Dark
#484444
Left Medium
#7E7B7B
Left Light
#B7B6B6
Neutral
#F5F5F5
Right Light
#B6B7B7
Right Medium
#7B7E7E
Right Dark
#444848
Complementary End
#141919
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#827F7F
Medium
#191414
Dark
#120B0B
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#191419
Left Adjacent 1
#191416
Main
#191414
Right Adjacent 1
#191614
Right Adjacent 2
#191914
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#191414
Complementary
#141919
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#191414
Secondary
#141914
Tertiary
#141419
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#191414
Right 90°
#161914
Complementary
#141919
Left 90°
#161419
Tetradic
Two pairs of complementary colors
4 colors
Main
#191414
Secondary
#191914
Complementary
#141919
Complementary Secondary
#141419
Split Complementary
Complementary colors ±30°
3 colors
Main
#191414
Split Left
#141916
Split Right
#141619
Cyclic
Circular gradient for periodic data
8 colors
0°
#191414
45°
#191814
90°
#161914
135°
#141915
180°
#141919
225°
#141519
270°
#161419
315°
#191418
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#BAABAB
Pastel 1
#C3B6B6
Pastel 2
#CDC1C1
Pastel 3
#D6CDCD
Pastel 4
#DFD8D8
Deep Pastel
#E8E3E3
#FFFFFF
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#F2F2F2
Light
#F6F6F6
Medium Light
#FBFBFB
Medium
#FFFFFF
Medium Dark
#DCDCDC
Dark
#BABABA
Darkest
#999999
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#FFFFFF
Left Dark
#FCFCFC
Left Medium
#FAFAFA
Left Light
#F7F7F7
Neutral
#F5F5F5
Right Light
#F7F7F7
Right Medium
#FAFAFA
Right Dark
#FCFCFC
Complementary End
#FFFFFF
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#FFFFFF
Medium
#FFFFFF
Dark
#777777
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#FFFFFF
Left Adjacent 1
#FFFFFF
Main
#FFFFFF
Right Adjacent 1
#FFFFFF
Right Adjacent 2
#FFFFFF
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#FFFFFF
Complementary
#FFFFFF
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#FFFFFF
Secondary
#FFFFFF
Tertiary
#FFFFFF
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#FFFFFF
Right 90°
#FFFFFF
Complementary
#FFFFFF
Left 90°
#FFFFFF
Tetradic
Two pairs of complementary colors
4 colors
Main
#FFFFFF
Secondary
#FFFFFF
Complementary
#FFFFFF
Complementary Secondary
#FFFFFF
Split Complementary
Complementary colors ±30°
3 colors
Main
#FFFFFF
Split Left
#FFFFFF
Split Right
#FFFFFF
Cyclic
Circular gradient for periodic data
8 colors
0°
#FFFFFF
45°
#FFFFFF
90°
#FFFFFF
135°
#FFFFFF
180°
#FFFFFF
225°
#FFFFFF
270°
#FFFFFF
315°
#FFFFFF
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