Video Games
Steam Color Codes
Steam works in a dark blue-grey, hex #171A21, with a light blue accent, hex #66C0F4. The Steam color codes in Hex, RGB and CMYK can be found below. Valve launched it in 2003 just to push patches to Counter-Strike, opened it to other publishers in 2005, and it grew into the dominant place to buy PC games. Its nearest peer on this site is Epic Games.
Primary colors
What are Steam Primary Colors?
Steam's primary colors are dark #171A21, blue #66C0F4.
Steam runs a dark blue-grey interface; the values shown are measured from it.
Steam Dark
| Hex | #171A21 |
|---|---|
| RGB | 23, 26, 33 |
| HSL | hsl(222, 18%, 11%) |
| CMYK | 30%, 21%, 0%, 87%converted · approximate |
| Pantone | PMS 426 Cnearest match · not published by the brand |
Steam Blue
| Hex | #66C0F4 |
|---|---|
| RGB | 102, 192, 244 |
| HSL | hsl(202, 87%, 68%) |
| CMYK | 58%, 21%, 0%, 4%converted · approximate |
| Pantone | PMS 2915 Cnearest match · not published by the brand |
Steam Hex Color Codes
Steam hex color codes are #171A21 for dark and #66C0F4 for blue.
| Color | Hex |
|---|---|
| Dark | #171A21 |
| Blue | #66C0F4 |
Steam RGB Color Codes
Steam RGB color codes are 23, 26, 33 for dark and 102, 192, 244 for blue. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Dark | rgb(23, 26, 33) |
| Blue | rgb(102, 192, 244) |
Steam HSL Color Codes
Steam HSL color codes are 222, 18%, 11% for dark and 202, 87%, 68% for blue. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Dark | hsl(222, 18%, 11%) |
| Blue | hsl(202, 87%, 68%) |
Steam CMYK Color Code
Steam CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Dark | 30%, 21%, 0%, 87% |
| Blue | 58%, 21%, 0%, 4% |
Steam Pantone Color Codes
Steam Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Dark | PMS 426 C |
| Blue | PMS 2915 C |
Logo
Steam Logo Colors
Steam logo colors are a dark ground with the cog-and-piston mark, and a light blue used through the client.
Steam Logo Colors Palette
What the Steam Logo Colors Mean?
The Steam palette is a near-black blue-grey that fits an application people leave running in the background of a dark room, with a single pale blue for links and highlights. The mark is a cog with a piston at its center, an industrial nod to the name and to Valve's engineering culture rather than to anything in a game.
Steam Logo Color History
Steam logo color history has darkened over time. Early versions of the client were lighter grey; the modern dark theme and the flat cog mark settled in around the 2010s.
Steam Logo Fonts
Steam logo fonts are Motiva Sans, a custom cut used across the client. A humanist sans like Open Sans is the closest match.
Steam Logo JPG
Steam logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Steam Logo PNG
Steam logo in PNG, with a transparent background. Use it over a colored surface.
Steam Logo WebP
Steam logo in WebP. Same transparency as the PNG at about a third of the file size.
Steam Color Code Shades
Steam color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Steam paint or trim names.
In code
Using the Steam palette
CSS custom properties
:root {
--steam-dark: #171A21;
--steam-blue: #66C0F4;
}Contrast against white
| Dark | 17.41:1AA ✓ |
|---|---|
| Blue | 2.02: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.