SEGA color palette
GamingSEGA's brand color system is defined by its iconic blue, supported by a clean white and a range of neutral grays for modern digital interfaces. The palette is minimal and instantly recognizable, reflecting SEGA's legacy in gaming.
sega.comSEGA colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- SEGA BluePrimary0, 137, 207
- SEGA WhiteSecondary255, 255, 255
- SEGA Deep BlueAccent0, 90, 140
Surfaces
Page, cards and dividers.- SEGA Light GrayBackground246, 246, 246
- SEGA Surface GraySurface229, 229, 229
- SEGA Border GrayBorder196, 196, 196
Text
Three tiers of copy.- SEGA CharcoalText34, 34, 34
- SEGA Medium GraySecondary text102, 102, 102
- SEGA Muted GrayMuted text160, 160, 160
Semantic
Feedback and state colors.- SEGA Success GreenSuccess46, 204, 64
- SEGA Warning YellowWarning255, 184, 0
- SEGA Error RedError230, 0, 45
- SEGA Info BlueInfo0, 137, 207
Use SEGA's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
sega-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0089CF;
--error: #E6002D;
--accent: #005A8C;
--border: #C4C4C4;
--primary: #0089CF;
--success: #2ECC40;
--surface: #E5E5E5;
--warning: #FFB800;
--secondary: #FFFFFF;
--text-muted: #A0A0A0;
--background: #F6F6F6;
--text-primary: #222222;
--text-secondary: #666666;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
14.7:1
Pass
Text on surface
Needs 4.5:1 for body text
12.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.3:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.6:1
Pass
Muted text on background
Needs 3:1 for large text
2.4:1
Fail
Muted text on surface
Needs 3:1 for large text
2.1:1
Fail
SEGA gray and neutral colors
The quiet part of the SEGA palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- SEGA Light GrayBackground
- HEX
- RGB
- HSL
- SEGA Surface GraySurface
- HEX
- RGB
- HSL
- SEGA Border GrayBorder
- HEX
- RGB
- HSL
- SEGA CharcoalText
- HEX
- RGB
- HSL
- SEGA Medium GraySecondary text
- HEX
- RGB
- HSL
- SEGA Muted GrayMuted text
- HEX
- RGB
- HSL
About SEGA's colors
SEGA's color palette is rooted in a strong, vivid blue paired with white and neutral grays, creating a clean and energetic visual identity. The blue communicates trust and excitement, while the neutrals provide clarity and focus.
Primary blue is contrasted with white for maximum legibility.
Neutral grays support UI clarity and hierarchy.
Accent deep blue is used for emphasis and interactive elements.
Psychology
The signature blue evokes reliability, innovation, and a sense of playfulness, aligning with SEGA's gaming heritage. The supporting neutrals create a modern, approachable feel.
Evolution
SEGA's palette has remained consistent since the 1980s, with blue and white as core elements. The introduction of more nuanced grays reflects the shift to digital and web interfaces.
Where SEGA uses each color
- Primary
SEGA Blue is used in the logo, primary buttons, and key navigation elements.
- Secondary
SEGA White serves as the main background and negative space throughout digital and print materials.
- Accent
SEGA Deep Blue highlights active states, links, and call-to-action elements.
- Backgrounds
SEGA Light Gray is used for page backgrounds and UI panels to provide subtle contrast.
- Text
SEGA Charcoal and Medium Gray are used for primary and secondary text, ensuring readability.
- Semantic
Success, warning, and error colors are used for notifications, alerts, and status indicators in apps and websites.
SEGA color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official SEGA primary color is #0089CF, known as SEGA Blue. This color is used in the logo and main brand elements.
SEGA Blue (#0089CF) is RGB(0, 137, 207) and CMYK(100, 34, 0, 19). Use these values for print and digital consistency.
SEGA uses a range of grays such as SEGA Light Gray (#F6F6F6), Surface Gray (#E5E5E5), and Border Gray (#C4C4C4) for backgrounds, surfaces, and borders. These neutrals ensure a clean and modern interface.
Use SEGA Blue (#0089CF) for primary actions and branding, with white and grays for backgrounds and text. Accent and semantic colors should be reserved for highlights, notifications, and status indicators.
The secondary color is SEGA White, #FFFFFF, and the accent is SEGA Deep Blue, #005A8C. Together with the primary they make up the three brand colors at the top of this page.
4 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 SEGA's colors consistently when it generates UI.
Make something in the spirit of SEGA
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.