Steam
Est. 2003Steam's dark blue palette creates a storefront that lets game artwork pop. The signature light blue accent is used sparingly for links and highlights. Green exclusively signals discounts and sales — Pavlovian conditioning for Steam Sale excitement.
Brand Palette — Click to copy
Export Steam Colors
About Steam's Color Palette
Steam's brand identity relies on a carefully chosen palette of 5 colors that communicate the company's values and market position within the gaming industry. Founded in 2003, Steam has refined its visual identity over the years to become one of the most recognized brands in its category.
The primary color, Dark Blue (#171A21), serves as the foundation of Steam's visual system and is used across the brand's logo, marketing materials, and digital products. Supporting colors like Blue (#1B2838) provide contrast and visual hierarchy across different applications. Each color in the palette has a specific functional role — from primary brand identification to secondary surfaces, accent highlights, and background elements.
Designers and developers can use these exact color codes to maintain brand consistency across web, mobile, and print projects. All colors on this page are available for export as CSS custom properties, Tailwind CSS config, SCSS variables, and JSON — ready to integrate into any design system or codebase.
Color Breakdown
Dark Blue — #171A21
Used as background. RGB: 23, 26, 33.
Blue — #1B2838
Used as surface. RGB: 27, 40, 56.
Light Blue — #66C0F4
Used as accent. RGB: 102, 192, 244.
Green — #4C6B22
Used as sale/discount. RGB: 76, 107, 34.
White — #C7D5E0
Used as text. RGB: 199, 213, 224.
Frequently Asked Questions
What are Steam's official brand colors?
Steam's official palette consists of 5 colors: Dark Blue (#171A21), Blue (#1B2838), Light Blue (#66C0F4), Green (#4C6B22), White (#C7D5E0). These colors are used across Steam's logo, website, marketing materials, and product interfaces to maintain a consistent brand identity.
What is the hex code for Steam's primary color?
Steam's primary brand color is Dark Blue with the hex code #171A21. This color is used as the primary identifier for the brand and appears prominently in the logo and key marketing materials.
Can I use Steam's colors in my project?
The color values (hex codes, RGB, HSL) listed on this page are factual information and can be referenced freely. However, using colors in combination with Steam's logo, name, or other trademarked elements may require permission. Always check the brand's official guidelines for commercial usage.
How do I export Steam's colors for my code?
Use the export buttons above to copy Steam's colors as CSS custom properties, Tailwind CSS config objects, SCSS variables, or JSON. Each format is ready to paste directly into your codebase or design system configuration file.