Find Color Codes

Video Games

Steam Deck Color Codes

Steam Deck works in a blue, hex #1A9FFF, with a purple, hex #C957E6. The Steam Deck color codes in Hex, RGB and CMYK can be found below. Valve announced the handheld PC in 2021 and shipped it in 2022; it runs SteamOS, a Linux build, with a compatibility layer that lets it play games written for Windows. Its nearest peer on this site is Steam.

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

Primary colors

What are Steam Deck Primary Colors?

Steam Deck's primary colors are blue #1A9FFF, purple #C957E6.

Steam Deck publishes brand assets; the values shown are its blue and purple.

Steam Deck Blue

Hex#1A9FFF
RGB26, 159, 255
HSLhsl(205, 100%, 55%)
CMYK90%, 38%, 0%, 0%converted · approximate
PantonePMS 2925 Cnearest match · not published by the brand

Steam Deck Purple

Hex#C957E6
RGB201, 87, 230
HSLhsl(288, 74%, 62%)
CMYK13%, 62%, 0%, 10%converted · approximate
PantonePMS 2582 Cnearest match · not published by the brand

Steam Deck Hex Color Codes

Steam Deck hex color codes are #1A9FFF for blue and #C957E6 for purple.

ColorHex
Blue #1A9FFF
Purple #C957E6

Steam Deck RGB Color Codes

Steam Deck RGB color codes are 26, 159, 255 for blue and 201, 87, 230 for purple. Reach for RGB when a tool wants channel numbers or a CSS alpha value.

ColorRGB
Blue rgb(26, 159, 255)
Purple rgb(201, 87, 230)

Steam Deck HSL Color Codes

Steam Deck HSL color codes are 205, 100%, 55% for blue and 288, 74%, 62% for purple. Change the third value for a lighter or darker version without moving the hue.

ColorHSL
Blue hsl(205, 100%, 55%)
Purple hsl(288, 74%, 62%)

Steam Deck CMYK Color Code

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

ColorCMYK
Blue 90%, 38%, 0%, 0%
Purple 13%, 62%, 0%, 10%

Steam Deck Pantone Color Codes

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

ColorNearest Pantone
Blue PMS 2925 C
Purple PMS 2582 C

Logo

Steam Deck Logo Colors

Steam Deck logo colors are a blue-to-purple pairing across the wordmark and the deck icon.

Steam Deck Logo Colors Palette

What the Steam Deck Logo Colors Mean?

The Steam Deck colors break from Steam's dark grey on purpose, giving the hardware its own identity: a bright blue and a magenta-purple that read as consumer and playful rather than the utility tone of the storefront. The two colors usually run as a gradient across the mark.

Steam Deck Logo Color History

Steam Deck logo color history is short, the product being new. The blue-and-purple pairing has run since the 2021 reveal without change.

Steam Deck Logo Fonts

Steam Deck logo fonts are Valve's Motiva Sans, shared with the Steam client. Open Sans is the nearest off-the-shelf match.

Steam Deck Logo JPG

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

Steam Deck logo, JPG format
Download JPG Trademark of its owner, shown for identification.

Steam Deck Logo PNG

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

Steam Deck logo, PNG format
Download PNG Trademark of its owner, shown for identification.

Steam Deck Logo WebP

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

Steam Deck logo, WEBP format
Download WEBP Trademark of its owner, shown for identification.

Steam Deck Color Code Shades

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

These are interface steps, not Steam Deck paint or trim names.

In code

Using the Steam Deck palette

CSS custom properties

:root {
  --steam-deck-blue: #1A9FFF;
  --steam-deck-purple: #C957E6;
}

Contrast against white

Blue 2.82:1AA ×
Purple 3.51: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.