OpenAI Color Palette

Select any value to copy it.

• OpenAI Black

  Primary

  #0F0F0Frgb(15, 15, 15)hsl(0, 0%, 6%)

  Closest in ArchiveTrue Gray Ink
  Closest in Archive: True Gray Ink

• Off White

  Neutral

  #FAFAFArgb(250, 250, 250)hsl(0, 0%, 98%)

  Closest in ArchiveWarm Gray Veil
  Closest in Archive: Warm Gray Veil

• ChatGPT Green

  Accent

  #10A37Frgb(16, 163, 127)hsl(165, 82%, 35%)

  The primary-button color in ChatGPT's 2023 stylesheet. Today's default Send button is black (white in dark mode).

  Closest in ArchiveTeal Velvet Clear
  Closest in Archive: Teal Velvet Clear

Can it carry text? (WCAG contrast)

Each color as text on white and on black. AA means body text passes. Select a ratio to open the pair in the contrast checker.

• OpenAI BlackAaon white19.17:1AAOpenAI Black: Open in contrast checkerAaon black1.10:1Not for textOpenAI Black: Open in contrast checker
• Off WhiteAaon white1.04:1Not for textOff White: Open in contrast checkerAaon black20.12:1AAOff White: Open in contrast checker
• ChatGPT GreenAaon white3.20:1Large text onlyChatGPT Green: Open in contrast checkerAaon black6.57:1AAChatGPT Green: Open in contrast checker

About this palette

OpenAI's brand expression centers on the OpenAI wordmark and the Blossom mark; its design guidelines tell anyone using its marks not to add any colors to the Blossom. The green listed here, #10A37F, was the primary-button color in ChatGPT's 2023 interface. Today's default Send button is black (white in dark mode), and in chatgpt.com's main stylesheet the green survives only in a few one-off styles. The restraint is deliberate; in a market full of neon-purple AI brands, OpenAI's near-monochrome reads as the steady incumbent.

Copy as code

Every token name carries the brand, so two brands can share one stylesheet.

:root {
  --openai-black: #0f0f0f;
  --openai-off-white: #fafafa;
  --openai-chatgpt-green: #10a37f;
}

@theme {
  --color-openai-black: #0f0f0f;
  --color-openai-off-white: #fafafa;
  --color-openai-chatgpt-green: #10a37f;
}

module.exports = {
  theme: {
    extend: {
      colors: {
        "openai-black": "#0f0f0f",
        "openai-off-white": "#fafafa",
        "openai-chatgpt-green": "#10a37f",
      },
    },
  },
};

Source: https://openai.com/brand/ · As of 2026-09-29 · This page is an unofficial reference. Color values are factual sRGB hex codes and not subject to copyright; the OpenAI name and any associated marks belong to their owner. Request removal via support.

More from Tech & Hardware