Apple color palette
TechApple's brand identity revolves around minimalism and sophistication, using a restrained monochrome palette punctuated by precise color accents across product lines and marketing.
apple.comApple colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Apple BlackPrimary0, 0, 0
- Apple GraySecondary134, 134, 139
- Apple BlueAccent0, 113, 227
Surfaces
Page, cards and dividers.- Apple WhiteBackground255, 255, 255
- Apple Light GraySurface245, 245, 247
- Apple BorderBorder210, 210, 215
Text
Three tiers of copy.- Apple TextText29, 29, 31
- Apple Secondary TextSecondary text110, 110, 115
- Apple MutedMuted text134, 134, 139
Semantic
Feedback and state colors.- Apple GreenSuccess52, 199, 89
- Apple OrangeWarning255, 159, 10
- Apple RedError255, 59, 48
- Apple TealInfo90, 200, 250
Use Apple's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
apple-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #5AC8FA;
--error: #FF3B30;
--accent: #0071E3;
--border: #D2D2D7;
--primary: #000000;
--success: #34C759;
--surface: #F5F5F7;
--warning: #FF9F0A;
--secondary: #86868B;
--text-muted: #86868B;
--background: #FFFFFF;
--text-primary: #1D1D1F;
--text-secondary: #6E6E73;
}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.8:1
Pass
Text on surface
Needs 4.5:1 for body text
15.5:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.1: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
3.6:1
Pass
Muted text on surface
Needs 3:1 for large text
3.3:1
Pass
Apple gray and neutral colors
The quiet part of the Apple palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Apple WhiteBackground
- HEX
- RGB
- HSL
- Apple Light GraySurface
- HEX
- RGB
- HSL
- Apple BorderBorder
- HEX
- RGB
- HSL
- Apple TextText
- HEX
- RGB
- HSL
- Apple Secondary TextSecondary text
- HEX
- RGB
- HSL
- Apple MutedMuted text
- HEX
- RGB
- HSL
About Apple's colors
Apple's color system is built on achromatic restraint — black and white form the core, with a single vivid blue as the primary call-to-action. This creates a canvas that lets product images and hardware colors become the visual centerpiece.
The primary black-on-white contrast provides maximum legibility
Apple Blue (#0071E3) serves as the singular interactive color across all digital touchpoints
Semantic colors (green, orange, red) are used sparingly and exclusively for system feedback
Psychology
The monochrome foundation communicates sophistication, premium quality, and timelessness. By minimizing color, Apple directs attention to form and content. The blue accent suggests trust and innovation without overwhelming the senses.
Evolution
Apple's palette has progressively simplified since the early 2000s skeuomorphic era. The shift to flat design under iOS 7 (2013) solidified the minimalist approach. Recent updates refine the grays while maintaining the core monochrome-plus-blue identity.
Where Apple uses each color
- Primary
Black is used for headlines, navigation, and key text across apple.com and marketing materials, grounding the brand in authority.
- Secondary
Apple Gray provides subtle hierarchy in secondary headings, icon labels, and supporting navigation elements.
- Accent
Apple Blue is reserved exclusively for interactive elements — buttons, links, and CTAs — creating an unmistakable clickable pattern.
- Backgrounds
White backgrounds dominate product pages, while Light Gray surfaces section transitions and footer areas.
- Text
A three-tier text system (Black → Gray → Muted) creates clear visual hierarchy without competing with product imagery.
- Semantic
iOS system colors (Green for success, Orange for warnings, Red for errors) carry over into web properties for consistency.
Apple color questions
Hex codes, RGB values, neutrals and how to use the palette.
Apple's brand identity is primarily black and white, with Apple Blue (#0071E3) as the signature accent color used for all interactive elements. The full system includes carefully calibrated grays and iOS system colors.
Apple's minimal palette allows products to be the hero. By using a restrained monochrome system, product photography and hardware finishes naturally draw attention without competing with interface chrome.
Apple Blue is #0071E3. This specific shade is used consistently across apple.com for buttons, links, and interactive elements. It provides strong contrast against both white and light gray backgrounds.
The secondary color is Apple Gray, #86868B, and the accent is Apple Blue, #0071E3. Together with the primary they make up the three brand colors at the top of this page.
Apple uses #FFFFFF for backgrounds, #F5F5F7 for surfaces and #D2D2D7 for borders. Text runs #1D1D1F, #6E6E73 and #86868B from strongest to most muted.
6 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 Apple's colors consistently when it generates UI.
Make something in the spirit of Apple
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.