We're live on Product Hunt!Support us
ColorArchive

A curated color library with 5,446 algorithmically generated colors. Browse, search, save favorites, and export palette tokens — no account required.

CollectionsFamiliesBrandsRegionsJournalNotesGuidesFree ResourcesEmbed widgetConvertColorblindAboutSupportUpdatesiOS app
Ready for static export
Privacy·Terms·Refunds·Cookies·Commerce Disclosure
colorarchive.org · © 2026 ColorArchive
Skip to content
ColorArchive
ProLog in
ArchiveAll ColorsCollections
ColorArchive/Brands/Spotify

Media & Entertainment

Spotify Color Palette

One unmistakable green, used everywhere.

The palette

Select any value to copy it.

  • Spotify Green

    Primary
    Closest in ArchiveSeafoam Velvet Vivid
    Closest in Archive: Seafoam Velvet Vivid

  • Spotify Black

    Neutral
    Closest in ArchiveCrimson Ink Faint
    Closest in Archive: Crimson Ink Faint

  • Spotify White

    Neutral
    Closest in ArchiveWarm Gray Veil
    Closest in Archive: Warm Gray Veil

Can it carry text? (WCAG contrast)

Each color as text on white and on black. AA means body text passes. Select a ratio to open the pair in the contrast checker.

  • Spotify GreenAaon white2.59:1Not for textSpotify Green: Open in contrast checkerAaon black8.12:1AASpotify Green: Open in contrast checker
  • Spotify BlackAaon white18.24:1AASpotify Black: Open in contrast checkerAaon black1.15:1Not for textSpotify Black: Open in contrast checker
  • Spotify WhiteAaon white1.00:1Not for textSpotify White: Open in contrast checkerAaon black21.00:1AASpotify White: Open in contrast checker
Build a full 50–950 scale from Spotify Green→

About this palette

Spotify uses its #1DB954 green widely: it appears on the logo, the primary CTA, the playback indicator, and even ambient marketing surfaces. The supporting palette is intentionally neutral — black backgrounds let the green sing.

Copy as code

Every token name carries the brand, so two brands can share one stylesheet.

CSS variables

:root {
  --spotify-green: #1db954;
  --spotify-black: #191414;
  --spotify-white: #ffffff;
}

Tailwind v4 (@theme)

@theme {
  --color-spotify-green: #1db954;
  --color-spotify-black: #191414;
  --color-spotify-white: #ffffff;
}
Tailwind v3 (tailwind.config.js)
module.exports = {
  theme: {
    extend: {
      colors: {
        "spotify-green": "#1db954",
        "spotify-black": "#191414",
        "spotify-white": "#ffffff",
      },
    },
  },
};

Source: https://newsroom.spotify.com/media-kit/ · As of 2026-05-02 · This page is an unofficial reference. Color values are factual sRGB hex codes and not subject to copyright; the Spotify name and any associated marks belong to their owner. Request removal via support.

More from Media & Entertainment

Netflix

One red against pure black — the color of cinema in the dark.

Disney+

A near-black navy, a white arc and, since 2024, a teal called Aurora.

PlayStation

Four shapes, four hues — the PlayStation controller's button colors.

Nintendo

One red wordmark — Kyoto-disciplined, family-friendly, 130+ years old.