DEV Community

Haroon Ali Shah
Haroon Ali Shah

Posted on

I Made an iTerm2 Theme Inspired by the iPhone 17 Pro Max Orange

The Inspiration

The iPhone 17 Pro Max orange isn't a loud, neon orange. It's closer to a Desert Titanium — warm, rich, restrained. Think:

  • A very dark, near-black background with a charred orange undertone
  • A signature vibrant orange as the accent (cursor, links)
  • Warm parchment/cream for readable foreground text
  • Muted companion colors (sage green, steel blue, sienna) that don't compete with the orange

That last point matters. A lot of "orange themes" I've seen throw a blazing orange at you on every keyword. The goal here was subtlety: orange accents on a dark warm base, the way the phone's chassis glows under light.


The Color Palette

Here's the full breakdown of the design system behind the theme:

Core Colors

Role Hex Description
Background #0F0909 Near-black with a warm charred undertone
Foreground #F0DFC9 Warm parchment — easy on the eyes
Cursor #FF6B2B Signature iPhone 17 Pro orange
Selection #3A1A08 Deep amber — visible without being garish
Link #FF8C42 Bright orange for clickable text

ANSI 0–7 (Normal)

# Name Hex Vibe
0 Black #1C1410 Warm dark
1 Red #D94F2E Ember red
2 Green #7AAB4F Muted sage
3 Yellow #E89529 Warm amber
4 Blue #4A7FA5 Muted steel blue
5 Magenta #C4613E Burnt sienna
6 Cyan #5FAAA9 Muted teal
7 White #C8B89E Warm parchment

ANSI 8–15 (Bright)

# Name Hex Vibe
8 Bright Black #4A3628 Dark copper
9 Bright Red #F5714D Hot coral
10 Bright Green #A0CC70 Lime sage
11 Bright Yellow #FFBB4A Sunburst
12 Bright Blue #73A8CC Sky steel
13 Bright Magenta #E87F55 Peach titanium
14 Bright Cyan #88CCCC Glacier
15 Bright White #F5EDDF Warm cream

How to Install

Option A — Import the .itermcolors file (recommended)

  1. Copy [iPhone17ProMax-Orange.itermcolors] and save it in your local machine
  2. Open iTerm2 → Settings (⌘,)
  3. Go to Profiles → Colors
  4. Click Color Presets... → Import...
  5. Select the downloaded file
  6. Choose iPhone17ProMax-Orange from the preset dropdown

Done. Your terminal now has Desert Titanium vibes.

[iPhone17ProMax-Orange.itermcolors]

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>

    <!-- ANSI 0 - Black -->
    <key>Ansi 0 Color</key>
    <dict>
        <key>Alpha Component</key><real>1</real>
        <key>Blue Component</key><real>0.063</real>
        <key>Color Space</key><string>sRGB</string>
        <key>Green Component</key><real>0.078</real>
        <key>Red Component</key><real>0.110</real>
    </dict>

    <!-- ANSI 1 - Red (warm ember red) -->
    <key>Ansi 1 Color</key>
    <dict>
        <key>Alpha Component</key><real>1</real>
        <key>Blue Component</key><real>0.180</real>
        <key>Color Space</key><string>sRGB</string>
        <key>Green Component</key><real>0.310</real>
        <key>Red Component</key><real>0.851</real>
    </dict>

    <!-- ANSI 2 - Green (muted sage) -->
    <key>Ansi 2 Color</key>
    <dict>
        <key>Alpha Component</key><real>1</real>
        <key>Blue Component</key><real>0.310</real>
        <key>Color Space</key><string>sRGB</string>
        <key>Green Component</key><real>0.671</real>
        <key>Red Component</key><real>0.478</real>
    </dict>

    <!-- ANSI 3 - Yellow (warm amber) -->
    <key>Ansi 3 Color</key>
    <dict>
        <key>Alpha Component</key><real>1</real>
        <key>Blue Component</key><real>0.165</real>
        <key>Color Space</key><string>sRGB</string>
        <key>Green Component</key><real>0.584</real>
        <key>Red Component</key><real>0.910</real>
    </dict>

    <!-- ANSI 4 - Blue (steel muted) -->
    <key>Ansi 4 Color</key>
    <dict>
        <key>Alpha Component</key><real>1</real>
        <key>Blue Component</key><real>0.647</real>
        <key>Color Space</key><string>sRGB</string>
        <key>Green Component</key><real>0.498</real>
        <key>Red Component</key><real>0.290</real>
    </dict>

    <!-- ANSI 5 - Magenta (burnt sienna) -->
    <key>Ansi 5 Color</key>
    <dict>
        <key>Alpha Component</key><real>1</real>
        <key>Blue Component</key><real>0.243</real>
        <key>Color Space</key><string>sRGB</string>
        <key>Green Component</key><real>0.380</real>
        <key>Red Component</key><real>0.769</real>
    </dict>

    <!-- ANSI 6 - Cyan (muted teal) -->
    <key>Ansi 6 Color</key>
    <dict>
        <key>Alpha Component</key><real>1</real>
        <key>Blue Component</key><real>0.667</real>
        <key>Color Space</key><string>sRGB</string>
        <key>Green Component</key><real>0.667</real>
        <key>Red Component</key><real>0.373</real>
    </dict>

    <!-- ANSI 7 - White (warm parchment) -->
    <key>Ansi 7 Color</key>
    <dict>
        <key>Alpha Component</key><real>1</real>
        <key>Blue Component</key><real>0.620</real>
        <key>Color Space</key><string>sRGB</string>
        <key>Green Component</key><real>0.722</real>
        <key>Red Component</key><real>0.784</real>
    </dict>

    <!-- ANSI 8 - Bright Black (dark copper) -->
    <key>Ansi 8 Color</key>
    <dict>
        <key>Alpha Component</key><real>1</real>
        <key>Blue Component</key><real>0.157</real>
        <key>Color Space</key><string>sRGB</string>
        <key>Green Component</key><real>0.212</real>
        <key>Red Component</key><real>0.290</real>
    </dict>

    <!-- ANSI 9 - Bright Red (hot coral) -->
    <key>Ansi 9 Color</key>
    <dict>
        <key>Alpha Component</key><real>1</real>
        <key>Blue Component</key><real>0.302</real>
        <key>Color Space</key><string>sRGB</string>
        <key>Green Component</key><real>0.443</real>
        <key>Red Component</key><real>0.961</real>
    </dict>

    <!-- ANSI 10 - Bright Green (lime sage) -->
    <key>Ansi 10 Color</key>
    <dict>
        <key>Alpha Component</key><real>1</real>
        <key>Blue Component</key><real>0.439</real>
        <key>Color Space</key><string>sRGB</string>
        <key>Green Component</key><real>0.800</real>
        <key>Red Component</key><real>0.627</real>
    </dict>

    <!-- ANSI 11 - Bright Yellow (sunburst) -->
    <key>Ansi 11 Color</key>
    <dict>
        <key>Alpha Component</key><real>1</real>
        <key>Blue Component</key><real>0.290</real>
        <key>Color Space</key><string>sRGB</string>
        <key>Green Component</key><real>0.733</real>
        <key>Red Component</key><real>1.0</real>
    </dict>

    <!-- ANSI 12 - Bright Blue (sky steel) -->
    <key>Ansi 12 Color</key>
    <dict>
        <key>Alpha Component</key><real>1</real>
        <key>Blue Component</key><real>0.800</real>
        <key>Color Space</key><string>sRGB</string>
        <key>Green Component</key><real>0.659</real>
        <key>Red Component</key><real>0.451</real>
    </dict>

    <!-- ANSI 13 - Bright Magenta (peach titanium) -->
    <key>Ansi 13 Color</key>
    <dict>
        <key>Alpha Component</key><real>1</real>
        <key>Blue Component</key><real>0.333</real>
        <key>Color Space</key><string>sRGB</string>
        <key>Green Component</key><real>0.502</real>
        <key>Red Component</key><real>0.910</real>
    </dict>

    <!-- ANSI 14 - Bright Cyan (glacier) -->
    <key>Ansi 14 Color</key>
    <dict>
        <key>Alpha Component</key><real>1</real>
        <key>Blue Component</key><real>0.800</real>
        <key>Color Space</key><string>sRGB</string>
        <key>Green Component</key><real>0.800</real>
        <key>Red Component</key><real>0.533</real>
    </dict>

    <!-- ANSI 15 - Bright White (warm cream) -->
    <key>Ansi 15 Color</key>
    <dict>
        <key>Alpha Component</key><real>1</real>
        <key>Blue Component</key><real>0.878</real>
        <key>Color Space</key><string>sRGB</string>
        <key>Green Component</key><real>0.929</real>
        <key>Red Component</key><real>0.961</real>
    </dict>

    <!-- Background (deep charred orange-black) -->
    <key>Background Color</key>
    <dict>
        <key>Alpha Component</key><real>1</real>
        <key>Blue Component</key><real>0.024</real>
        <key>Color Space</key><string>sRGB</string>
        <key>Green Component</key><real>0.035</real>
        <key>Red Component</key><real>0.059</real>
    </dict>

    <!-- Bold text (bright cream) -->
    <key>Bold Color</key>
    <dict>
        <key>Alpha Component</key><real>1</real>
        <key>Blue Component</key><real>1.0</real>
        <key>Color Space</key><string>sRGB</string>
        <key>Green Component</key><real>1.0</real>
        <key>Red Component</key><real>1.0</real>
    </dict>

    <!-- Cursor (vibrant iPhone orange) -->
    <key>Cursor Color</key>
    <dict>
        <key>Alpha Component</key><real>1</real>
        <key>Blue Component</key><real>0.169</real>
        <key>Color Space</key><string>sRGB</string>
        <key>Green Component</key><real>0.420</real>
        <key>Red Component</key><real>1.0</real>
    </dict>

    <!-- Cursor text (dark background for contrast) -->
    <key>Cursor Text Color</key>
    <dict>
        <key>Alpha Component</key><real>1</real>
        <key>Blue Component</key><real>0.024</real>
        <key>Color Space</key><string>sRGB</string>
        <key>Green Component</key><real>0.035</real>
        <key>Red Component</key><real>0.059</real>
    </dict>

    <!-- Foreground (warm parchment white) -->
    <key>Foreground Color</key>
    <dict>
        <key>Alpha Component</key><real>1</real>
        <key>Blue Component</key><real>0.800</real>
        <key>Color Space</key><string>sRGB</string>
        <key>Green Component</key><real>0.875</real>
        <key>Red Component</key><real>0.941</real>
    </dict>

    <!-- Link color (bright orange) -->
    <key>Link Color</key>
    <dict>
        <key>Alpha Component</key><real>1</real>
        <key>Blue Component</key><real>0.259</real>
        <key>Color Space</key><string>sRGB</string>
        <key>Green Component</key><real>0.549</real>
        <key>Red Component</key><real>1.0</real>
    </dict>

    <!-- Selection background (deep amber) -->
    <key>Selection Color</key>
    <dict>
        <key>Alpha Component</key><real>1</real>
        <key>Blue Component</key><real>0.031</real>
        <key>Color Space</key><string>sRGB</string>
        <key>Green Component</key><real>0.102</real>
        <key>Red Component</key><real>0.227</real>
    </dict>

    <!-- Selected text (warm cream) -->
    <key>Selected Text Color</key>
    <dict>
        <key>Alpha Component</key><real>1</real>
        <key>Blue Component</key><real>0.800</real>
        <key>Color Space</key><string>sRGB</string>
        <key>Green Component</key><real>0.875</real>
        <key>Red Component</key><real>0.941</real>
    </dict>

    <!-- Tab/badge color (signature orange) -->
    <key>Tab Color</key>
    <dict>
        <key>Alpha Component</key><real>1</real>
        <key>Blue Component</key><real>0.031</real>
        <key>Color Space</key><string>sRGB</string>
        <key>Green Component</key><real>0.227</real>
        <key>Red Component</key><real>0.502</real>
    </dict>

    <!-- Underline color -->
    <key>Underline Color</key>
    <dict>
        <key>Alpha Component</key><real>1</real>
        <key>Blue Component</key><real>0.169</real>
        <key>Color Space</key><string>sRGB</string>
        <key>Green Component</key><real>0.420</real>
        <key>Red Component</key><real>1.0</real>
    </dict>

    <!-- Badge color (orange glow) -->
    <key>Badge Color</key>
    <dict>
        <key>Alpha Component</key><real>0.5</real>
        <key>Blue Component</key><real>0.0</real>
        <key>Color Space</key><string>sRGB</string>
        <key>Green Component</key><real>0.259</real>
        <key>Red Component</key><real>0.780</real>
    </dict>

</dict>
</plist>

Enter fullscreen mode Exit fullscreen mode

Top comments (0)