Apple Color Palette

Select any value to copy it.

• Apple Black

  Primary

  #000000rgb(0, 0, 0)hsl(0, 0%, 0%)

  Dark-mode backgrounds: UIKit's systemBackground is pure black in dark mode (elevated surfaces use #1C1C1E).

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

• Apple White

  Neutral

  #FFFFFFrgb(255, 255, 255)hsl(0, 0%, 100%)

  Light-mode backgrounds: UIKit's systemBackground is pure white in light mode.

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

• System Blue

  Accent

  #0088FFrgb(0, 136, 255)hsl(208, 100%, 50%)

  systemBlue, default (light) value in Apple's Human Interface Guidelines since the June 2025 system-color update.

  Closest in ArchiveSapphire Radiant Pure
  Closest in Archive: Sapphire Radiant Pure

• Classic System Blue

  Accent

  #007AFFrgb(0, 122, 255)hsl(211, 100%, 50%)

  systemBlue (light) before the June 2025 update; still the value in references such as Flutter's CupertinoColors.

  Closest in ArchiveCobalt Tone Pure
  Closest in Archive: Cobalt Tone Pure

• System Blue (Dark)

  Accent

  #0091FFrgb(0, 145, 255)hsl(206, 100%, 50%)

  systemBlue, default (dark) value in the same guidelines.

  Closest in ArchiveSteel Core Pure
  Closest in Archive: Steel Core Pure

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.

• Apple BlackAaon white21.00:1AAApple Black: Open in contrast checkerAaon black1.00:1Not for textApple Black: Open in contrast checker
• Apple WhiteAaon white1.00:1Not for textApple White: Open in contrast checkerAaon black21.00:1AAApple White: Open in contrast checker
• System BlueAaon white3.52:1Large text onlySystem Blue: Open in contrast checkerAaon black5.97:1AASystem Blue: Open in contrast checker
• Classic System BlueAaon white4.02:1Large text onlyClassic System Blue: Open in contrast checkerAaon black5.23:1AAClassic System Blue: Open in contrast checker
• System Blue (Dark)Aaon white3.23:1Large text onlySystem Blue (Dark): Open in contrast checkerAaon black6.49:1AASystem Blue (Dark): Open in contrast checker

About this palette

This palette pairs black and white with System Blue, one of twelve system colors in Apple's Human Interface Guidelines: #0088FF in light mode (#0091FF in dark mode) since Apple's June 2025 system-color update, #007AFF before it. The guidelines let each app choose its own accent color, and on macOS people can swap an app's accent for their own choice in System Settings.

Copy as code

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

:root {
  --apple-black: #000000;
  --apple-white: #ffffff;
  --apple-system-blue: #0088ff;
  --apple-classic-system-blue: #007aff;
  --apple-system-blue-dark: #0091ff;
}

@theme {
  --color-apple-black: #000000;
  --color-apple-white: #ffffff;
  --color-apple-system-blue: #0088ff;
  --color-apple-classic-system-blue: #007aff;
  --color-apple-system-blue-dark: #0091ff;
}

module.exports = {
  theme: {
    extend: {
      colors: {
        "apple-black": "#000000",
        "apple-white": "#ffffff",
        "apple-system-blue": "#0088ff",
        "apple-classic-system-blue": "#007aff",
        "apple-system-blue-dark": "#0091ff",
      },
    },
  },
};

Source: https://developer.apple.com/design/human-interface-guidelines/color · As of 2026-10-07 · This page is an unofficial reference. Color values are factual sRGB hex codes and not subject to copyright; the Apple name and any associated marks belong to their owner. Request removal via support.

More from Tech & Hardware