Corsair color palette
GamingCorsair's color identity centers on a bold black primary, accented by signature yellow and a range of dark and neutral grays for a premium, high-contrast gaming aesthetic. The palette is designed for clarity, energy, and strong brand recognition across hardware and digital interfaces.
corsair.comCorsair colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Corsair BlackPrimary0, 0, 0
- Corsair YellowSecondary255, 215, 0
- Corsair WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- Corsair Dark GrayBackground24, 26, 27
- Corsair Surface GraySurface35, 39, 42
- Corsair Border GrayBorder58, 63, 68
Text
Three tiers of copy.- Corsair Text WhiteText255, 255, 255
- Corsair Text GraySecondary text176, 179, 184
- Corsair Muted GrayMuted text108, 111, 114
Semantic
Feedback and state colors.- Corsair Success GreenSuccess62, 195, 0
- Corsair Warning AmberWarning255, 179, 0
- Corsair Error RedError255, 59, 48
- Corsair Info BlueInfo0, 153, 255
Use Corsair's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
corsair-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0099FF;
--error: #FF3B30;
--accent: #FFFFFF;
--border: #3A3F44;
--primary: #000000;
--success: #3EC300;
--surface: #23272A;
--warning: #FFB300;
--secondary: #FFD700;
--text-muted: #6C6F72;
--background: #181A1B;
--text-primary: #FFFFFF;
--text-secondary: #B0B3B8;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
17.5:1
Pass
Text on surface
Needs 4.5:1 for body text
15.1:1
Pass
Secondary text on background
Needs 4.5:1 for body text
8.3:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
7.2:1
Pass
Muted text on background
Needs 3:1 for large text
3.5:1
Pass
Muted text on surface
Needs 3:1 for large text
3.0:1
Fail
Corsair gray, dark and neutral colors
Corsair runs a dark interface, so these grays carry the layout: background, sidebar surfaces, dividers and three tiers of text. Click a value to copy it.
- Corsair Dark GrayBackground
- HEX
- RGB
- HSL
- Corsair Surface GraySurface
- HEX
- RGB
- HSL
- Corsair Border GrayBorder
- HEX
- RGB
- HSL
- Corsair Text WhiteText
- HEX
- RGB
- HSL
- Corsair Text GraySecondary text
- HEX
- RGB
- HSL
- Corsair Muted GrayMuted text
- HEX
- RGB
- HSL
About Corsair's colors
Corsair's palette uses a high-contrast black and yellow combination for instant brand recognition and energy. Neutral grays and white provide balance and usability across digital and hardware touchpoints.
Black and yellow create a striking, energetic contrast.
Grays support legibility and depth in UI.
White is used for clarity and accentuation.
Psychology
Black conveys power, sophistication, and performance, aligning with Corsair's gaming hardware positioning. Yellow adds vibrancy and draws attention to key elements.
Evolution
Corsair's palette has remained stable, with black and yellow as core colors since its early branding. Over time, the gray spectrum in UI has expanded to support modern digital applications.
Where Corsair uses each color
- Primary
Corsair Black is used for logos, navigation bars, and product backgrounds.
- Secondary
Corsair Yellow highlights call-to-action buttons, product accents, and packaging details.
- Accent
Corsair White is used for text, icons, and contrast elements on dark backgrounds.
- Backgrounds
Corsair Dark Gray and Surface Gray are used for website backgrounds, app screens, and overlays.
- Text
Corsair Text White and Text Gray are used for primary and secondary text throughout digital interfaces.
- Semantic
Success Green, Warning Amber, Error Red, and Info Blue are used for status indicators, notifications, and alerts.
Corsair color questions
Hex codes, RGB values, neutrals and how to use the palette.
The Corsair primary color hex code is #000000. This is used as the main brand and UI background color.
Corsair Black (#000000) has an RGB value of 0, 0, 0. This pure black is used across digital and print assets.
Corsair uses #181A1B for dark backgrounds, #23272A for surfaces, and #3A3F44 for borders. These grays provide depth and separation in interfaces.
Use Corsair Black (#000000) as the dominant color, with Corsair Yellow (#FFD700) for highlights and calls to action. Grays and white are reserved for backgrounds, surfaces, and text to ensure readability and brand consistency.
The secondary color is Corsair Yellow, #FFD700, and the accent is Corsair White, #FFFFFF. Together with the primary they make up the three brand colors at the top of this page.
5 of 6 text and background pairings meet WCAG 2.1 AA contrast. The contrast section above shows every pairing with its exact ratio.
Use the export block on this page. It gives you CSS custom properties, a Tailwind config, W3C design tokens or a shadcn/ui theme built from these exact hex values, with copy and download buttons.
Yes. Export the Claude Code skill, Cursor rules or Codex prompt from the same block. The agent then applies Corsair's colors consistently when it generates UI.
Make something in the spirit of Corsair
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.