OpenAI color palette
TechOpenAI's color identity is defined by a deep purple primary, complemented by a minimalist grayscale palette and subtle accent tones. The brand uses these colors to convey a sense of innovation, intelligence, and clarity in its digital products.
openai.comOpenAI colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- OpenAI PurplePrimary65, 41, 145
- OpenAI TealSecondary16, 163, 127
- OpenAI GoldAccent255, 184, 0
Surfaces
Page, cards and dividers.- OpenAI WhiteBackground255, 255, 255
- OpenAI Light GraySurface247, 247, 248
- OpenAI Border GrayBorder229, 231, 235
Text
Three tiers of copy.- OpenAI CharcoalText32, 33, 35
- OpenAI Medium GraySecondary text110, 110, 128
- OpenAI Muted GrayMuted text160, 160, 178
Semantic
Feedback and state colors.- OpenAI TealSuccess16, 163, 127
- OpenAI GoldWarning255, 184, 0
- OpenAI RedError228, 88, 88
- OpenAI Info BlueInfo92, 92, 230
Use OpenAI's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
openai-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #5C5CE6;
--error: #E45858;
--accent: #FFB800;
--border: #E5E7EB;
--primary: #412991;
--success: #10A37F;
--surface: #F7F7F8;
--warning: #FFB800;
--secondary: #10A37F;
--text-muted: #A0A0B2;
--background: #FFFFFF;
--text-primary: #202123;
--text-secondary: #6E6E80;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
16.1: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
5.0:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.7:1
Pass
Muted text on background
Needs 3:1 for large text
2.6:1
Fail
Muted text on surface
Needs 3:1 for large text
2.4:1
Fail
OpenAI gray and neutral colors
The quiet part of the OpenAI palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- OpenAI WhiteBackground
- HEX
- RGB
- HSL
- OpenAI Light GraySurface
- HEX
- RGB
- HSL
- OpenAI Border GrayBorder
- HEX
- RGB
- HSL
- OpenAI CharcoalText
- HEX
- RGB
- HSL
- OpenAI Medium GraySecondary text
- HEX
- RGB
- HSL
- OpenAI Muted GrayMuted text
- HEX
- RGB
- HSL
About OpenAI's colors
OpenAI's palette centers on a distinctive purple, supported by neutral grays and a few functional accent colors. This creates a modern, accessible, and professional look across digital interfaces.
Primary purple is paired with teal for contrast.
Neutral grays provide clarity and focus.
Accent gold and red highlight key actions and statuses.
Psychology
The deep purple evokes creativity, intelligence, and trust, while the neutral grays foster a sense of clarity and approachability. Teal and gold accents add vibrancy and guide user attention.
Evolution
OpenAI's palette has remained stable since the introduction of its purple identity in 2022, with minor adjustments to neutral tones for improved accessibility. The color system has consistently emphasized minimalism and clarity.
Where OpenAI uses each color
- Primary
Used for logos, primary buttons, and key highlights in navigation.
- Secondary
Appears in secondary buttons, links, and interactive elements.
- Accent
Used for notifications, highlights, and status indicators.
- Backgrounds
OpenAI White and Light Gray are used for main backgrounds and surfaces throughout the website and apps.
- Text
Charcoal is the main text color, with Medium and Muted Grays for secondary and disabled text.
- Semantic
Teal indicates success, Gold for warnings, Red for errors, and Info Blue for informational messages.
OpenAI color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official OpenAI primary color is #412991, known as OpenAI Purple. This color is used prominently in branding and UI highlights.
The RGB value for #412991 is (65, 41, 145). The approximate CMYK values are (55%, 72%, 0%, 43%).
OpenAI uses a range of grays: #202123 (Charcoal) for primary text, #6E6E80 (Medium Gray) for secondary text, #A0A0B2 (Muted Gray) for muted text, #F7F7F8 (Light Gray) for surfaces, and #E5E7EB (Border Gray) for borders.
Use OpenAI Purple (#412991) for primary actions and branding, with grays for backgrounds and text. Accent colors like Teal, Gold, and Red are reserved for semantic states and highlights.
The secondary color is OpenAI Teal, #10A37F, and the accent is OpenAI Gold, #FFB800. 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 OpenAI's colors consistently when it generates UI.
Make something in the spirit of OpenAI
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.