Subtle monochromatic gray gradient inspired by Apple industrial design, featuring sleek dark titanium tones and crisp light text.
Instantly shift Apple Space Gray Minimal into Pastel, Dark, Luxury, Muted, or Vibrant variations.
Target industry compatibility and UI design system fit scores.
High-contrast data cards, charts, and clean sidebar navigation.
Instills institutional trust, wealth metrics, and transaction clarity.
Sleek dark or minimal backgrounds highlighting creative work.
Vibrant CTA buttons and product card grid contrast.
Calming, trustworthy tones ideal for clinical portals and telehealth.
Engaging, readable text contrast for learning management apps.
Optimized touch target contrast and compact mobile navigation.
Structured status indicators, tables, and settings control panels.
Instantly see how Apple Space Gray Minimal behaves across real application layouts.
Leverage automated pipelines and real-time color tokens engineered for high-performing teams.
| Swatch | HEX | RGB | HSL | HSV | CMYK | OKLCH | Copy |
|---|---|---|---|---|---|---|---|
| #1D1D1F | rgb(29, 29, 31) | hsl(240°, 3%, 12%) | hsv(240°, 6%, 12%) | cmyk(6%, 6%, 0%, 88%) | oklch(0.232 0.004 284°) | ||
| #333336 | rgb(51, 51, 54) | hsl(240°, 3%, 21%) | hsv(240°, 6%, 21%) | cmyk(6%, 6%, 0%, 79%) | oklch(0.322 0.005 281.3°) | ||
| #6E6E73 | rgb(110, 110, 115) | hsl(240°, 2%, 44%) | hsv(240°, 4%, 45%) | cmyk(4%, 4%, 0%, 55%) | oklch(0.54 0.007 285.9°) | ||
| #86868B | rgb(134, 134, 139) | hsl(240°, 2%, 54%) | hsv(240°, 4%, 55%) | cmyk(4%, 4%, 0%, 45%) | oklch(0.622 0.007 285.9°) | ||
| #F5F5F7 | rgb(245, 245, 247) | hsl(240°, 11%, 96%) | hsv(240°, 1%, 97%) | cmyk(1%, 1%, 0%, 3%) | oklch(0.971 0.003 288.4°) |
Export directly for Tailwind, CSS Variables, SCSS, JSON, and Figma Tokens.
// Apple Space Gray Minimal Tailwind Config
module.exports = {
theme: {
extend: {
colors: {
'apple-space-gray': {
'100': '#1D1D1F',
'200': '#333336',
'300': '#6E6E73',
'400': '#86868B',
'500': '#F5F5F7',
}
}
}
}
};Automated contrast ratio analysis and text overlay recommendations for Apple Space Gray Minimal.
Theoretical color wheel relationships derived from the dominant brand color #1D1D1F.
Sophisticated obsidian black and warm metallic gold combination tailored for luxury eCommerce, fine jewelry, and high-end fashion.
Subtle icy gray-blue palette created for Scandinavian minimalist web design, editorial blogs, and architectural portfolios.
Architectural luxury palette incorporating vein gray marble, soft champagne, and deep obsidian accent elements.
Discover high-contrast, accessible color schemes used by top SaaS products like Linear, Stripe, and Apple.
How leading brands use red, blue, green, and gold to evoke trust, urgency, and premium luxury.
How to use soft pastel palettes in modern web design without sacrificing text readability.