Media & Entertainment

SoundCloud Color Codes

SoundCloud works in a single orange, hex #FF5500, on white. The SoundCloud color codes in Hex, RGB and CMYK can be found below. Alexander Ljung and Eric Wahlforss, two Swedes based in Berlin, started it in 2007 as a way for musicians to send and discuss tracks; it became the default home for demos, mixes and a whole strand of hip-hop. Its nearest peer on this site is Spotify.

The SoundCloud logo, shown for identification. SoundCloud is a trademark of its owner and this site is not affiliated with it.

Primary colors

What are SoundCloud Primary Colors?

SoundCloud's primary color is #FF5500. Every value on this page is derived from it.

SoundCloud publishes a brand system; the value shown is its flat brand orange.

SoundCloud Primary

Hex	#FF5500
RGB	255, 85, 0
HSL	hsl(20, 100%, 50%)
CMYK	0%, 67%, 100%, 0%converted · approximate
Pantone	PMS 1655 Cnearest match · not published by the brand

SoundCloud Hex Color Codes

SoundCloud hex color codes are #FF5500 for primary.

Color	Hex
Primary	#FF5500

SoundCloud RGB Color Codes

SoundCloud RGB color codes are 255, 85, 0 for primary. Reach for RGB when a tool wants channel numbers or a CSS alpha value.

Color	RGB
Primary	rgb(255, 85, 0)

SoundCloud HSL Color Codes

SoundCloud HSL color codes are 20, 100%, 50% for primary. Change the third value for a lighter or darker version without moving the hue.

Color	HSL
Primary	hsl(20, 100%, 50%)

SoundCloud CMYK Color Code

SoundCloud CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.

Color	CMYK
Primary	0%, 67%, 100%, 0%

SoundCloud Pantone Color Codes

SoundCloud Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.

Color	Nearest Pantone
Primary	PMS 1655 C

Logo

SoundCloud Logo Colors

SoundCloud logo colors are one orange for the cloud-and-waveform mark and the wordmark.

SoundCloud Logo Colors Palette

What the SoundCloud Logo Colors Mean?

The SoundCloud orange is a warm, high-energy tone that stood apart from the blues and greens of other audio services when the site launched. The mark folds a cloud and an audio waveform into one shape, tying storage and sound together; the single color keeps it legible as an embed button on any other website.

SoundCloud Logo Color History

SoundCloud logo color history has been orange since the start, though early versions ran it as a gradient across the waveform. Recent identity work flattened it to one tone.

SoundCloud Logo Fonts

SoundCloud logo fonts are a custom rounded sans, friendly with even weight. A geometric sans like Proxima Nova is the closest match.

SoundCloud Logo JPG

SoundCloud logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.

Download JPG Trademark of its owner, shown for identification.

SoundCloud Logo PNG

SoundCloud logo in PNG, with a transparent background. Use it over a colored surface.

Download PNG Trademark of its owner, shown for identification.

SoundCloud Logo WebP

SoundCloud logo in WebP. Same transparency as the PNG at about a third of the file size.

Download WEBP Trademark of its owner, shown for identification.

SoundCloud Color Code Shades

SoundCloud color code shades step evenly from the primary toward black, for hover states, borders and shadows.

These are interface steps, not SoundCloud paint or trim names.

In code

Using the SoundCloud palette

CSS custom properties

:root {
  --soundcloud-primary: #FF5500;
}

Contrast against white

Primary	3.21:1AA ×

Brand colors are chosen for recognition, not for legibility. A failing value here is normal. It means use it as a fill, not as text.