Colors Encyclopedia

Brand colors

Spotify Brand Colors

Spotify palette: #1DB954, #191414, #FFFFFF. Compare HEX/RGB, WCAG contrast and CSS tokens; open independent JSON data.

Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Spotify.

TechnologyBrand indexAPIDataset
Commonly referenced palette Spotify
#1DB954#191414#FFFFFF
Listed without an implied color hierarchy

Palette

Palette color 1#1DB954RGB 29, 185, 84
Palette color 2#191414RGB 25, 20, 20
White#FFFFFFRGB 255, 255, 255

CSS Tokens

:root {
  --brand-spotify-1: #1DB954;
  --brand-spotify-2: #191414;
  --brand-spotify-3: #FFFFFF;
}

Accessibility Snapshot

#1DB954Black 8.12:1 / White 2.59:1
#191414Black 1.15:1 / White 18.23:1
#FFFFFFBlack 21:1 / White 1:1

Brand palette context · Editorially reviewed

About Spotify Brand Colors

Spotify’s developer guidance describes Spotify Green as the brand’s resting color—the recognizable default within a communication system that can otherwise be much more colorful. The green logo is reserved for black, white, or non-duotone photographic backgrounds; monochrome versions are used when other backgrounds would compromise the intended treatment.

This hierarchy explains the practical role of black and white in the palette: they are not filler colors but controlled contrast environments for the green. Spotify also requires clear space, minimum sizes, legibility, and unchanged logo composition. Product interfaces may extract artwork color for a background, but the brand mark still follows its own rules.

The page documents commonly referenced colors independently and does not grant rights to Spotify marks, metadata, artwork, or product presentation.

Downloadable brand colors infographic

Spotify Brand Colors Infographic

Save an independent infographic of the commonly referenced Spotify HEX palette and its accessibility guidance. No logo or proprietary artwork is included.

1200 × 800
Spotify brand colors infographic showing its commonly referenced HEX palette and accessibility guidance for every listed color without assigning a color hierarchy.
Spotify brand colors infographic. Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Spotify.
Download WebPDownload SVGOpen full size

Machine-readable data

Machine-Readable Brand Color Data (JSON)

Structured brand palette data for design systems, references, automations, and AI ingestion.

AI-Ready Dataset v1.0.0
Luminance0.356
Black text8.12:1AA Pass
White text2.59:1AA Fail
hexCanonical HEX value
rgbRed, green, blue channels
hslHue, saturation, lightness
cmykApproximate print conversion
wcagAA and AAA contrast options
harmoniesMathematical harmony sets
variantsGenerated tone variants
nearestColorsKnowledge graph neighbors
Download JSON Open API
Structured sections
Brand
{
  "slug": "spotify",
  "name": "Spotify",
  "category": "technology",
  "brandCategory": [
    "Technology",
    "technology"
  ],
  "url": "https://www.colorsencyclopedia.com/brand-colors/spotify/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/technology/",
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Spotify."
}
Palette
[
  {
    "name": "Palette color 1",
    "hex": "#1DB954",
    "rgb": [
      29,
      185,
      84
    ],
    "hsl": [
      141,
      73,
      42
    ],
    "cmyk": [
      84,
      0,
      55,
      27
    ],
    "luminance": 0.356,
    "contrast": {
      "black": 8.12,
      "white": 2.59
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": [
        "#000000"
      ]
    }
  },
  {
    "name": "Palette color 2",
    "hex": "#191414",
    "rgb": [
      25,
      20,
      20
    ],
    "hsl": [
      0,
      11,
      9
    ],
    "cmyk": [
      0,
      20,
      20,
      90
    ],
    "luminance": 0.0076,
    "contrast": {
      "black": 1.15,
      "white": 18.23
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  },
  {
    "name": "White",
    "hex": "#FFFFFF",
    "rgb": [
      255,
      255,
      255
    ],
    "hsl": [
      0,
      0,
      100
    ],
    "cmyk": [
      0,
      0,
      0,
      0
    ],
    "luminance": 1,
    "contrast": {
      "black": 21,
      "white": 1
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    }
  }
]
AI context
{
  "brandUseCases": [
    "SaaS UI",
    "developer tools",
    "product branding",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "technology brand colors",
    "green brand palette",
    "red brand palette",
    "gray brand palette",
    "cool brand palette",
    "warm brand palette",
    "neutral brand palette",
    "vibrant brand color",
    "jewel tone brand color",
    "dark brand color",
    "light brand color",
    "Spotify color reference"
  ],
  "contrastSafeWith": [
    "#000000",
    "#1A1A1A",
    "#FFFFFF",
    "#F5F5F5",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/spotify.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}
CSS tokens
{
  "css": "--brand-spotify-1: #1DB954;\n--brand-spotify-2: #191414;\n--brand-spotify-3: #FFFFFF;"
}
Accessibility
[
  {
    "hex": "#1DB954",
    "contrast": {
      "black": 8.12,
      "white": 2.59
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": [
        "#000000"
      ]
    }
  },
  {
    "hex": "#191414",
    "contrast": {
      "black": 1.15,
      "white": 18.23
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  },
  {
    "hex": "#FFFFFF",
    "contrast": {
      "black": 21,
      "white": 1
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    }
  }
]
Full JSON dataset 
{
  "slug": "spotify",
  "name": "Spotify",
  "category": "technology",
  "brandCategory": [
    "Technology",
    "technology"
  ],
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Spotify.",
  "datasetVersion": "1.0.0",
  "url": "https://www.colorsencyclopedia.com/brand-colors/spotify/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/technology/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/spotify.json",
  "colors": [
    {
      "name": "Palette color 1",
      "hex": "#1DB954",
      "rgb": [
        29,
        185,
        84
      ],
      "hsl": [
        141,
        73,
        42
      ],
      "cmyk": [
        84,
        0,
        55,
        27
      ],
      "luminance": 0.356,
      "contrast": {
        "black": 8.12,
        "white": 2.59
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A"
        ],
        "AAA": [
          "#000000"
        ]
      }
    },
    {
      "name": "Palette color 2",
      "hex": "#191414",
      "rgb": [
        25,
        20,
        20
      ],
      "hsl": [
        0,
        11,
        9
      ],
      "cmyk": [
        0,
        20,
        20,
        90
      ],
      "luminance": 0.0076,
      "contrast": {
        "black": 1.15,
        "white": 18.23
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": [
          "#FFFFFF",
          "#F5F5F5"
        ]
      }
    },
    {
      "name": "White",
      "hex": "#FFFFFF",
      "rgb": [
        255,
        255,
        255
      ],
      "hsl": [
        0,
        0,
        100
      ],
      "cmyk": [
        0,
        0,
        0,
        0
      ],
      "luminance": 1,
      "contrast": {
        "black": 21,
        "white": 1
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ]
      }
    }
  ],
  "brandUseCases": [
    "SaaS UI",
    "developer tools",
    "product branding",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "technology brand colors",
    "green brand palette",
    "red brand palette",
    "gray brand palette",
    "cool brand palette",
    "warm brand palette",
    "neutral brand palette",
    "vibrant brand color",
    "jewel tone brand color",
    "dark brand color",
    "light brand color",
    "Spotify color reference"
  ],
  "contrastSafeWith": [
    "#000000",
    "#1A1A1A",
    "#FFFFFF",
    "#F5F5F5",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/spotify.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}
Dataset manifest Version 1.0.0 Build hash published in manifest Canonical page

Related Brand Color Guides

Technology brand colorsBrowse all technology brand color references.Adobe brand colorsCompare another technology palette.Amazon brand colorsCompare another technology palette.AMD brand colorsCompare another technology palette.Anthropic brand colorsCompare another technology palette.LINE similar paletteOpen a palette with a nearby first-listed color value.WhatsApp similar paletteOpen a palette with a nearby first-listed color value.Tripadvisor similar paletteOpen a palette with a nearby first-listed color value.Jade colorOpen the nearest named color reference.Spotify APIOpen the machine-readable brand color JSON.