Disney+ Color Palette

Select any value to copy it.

• Disney+ Navy

  Primary

  #01153Ergb(1, 21, 62)hsl(220, 97%, 12%)

  No Disney source found for this value; disneyplus.com's page background is #040714 (checked 2026-10-07).

  Closest in ArchiveCobalt Ink Pure
  Closest in Archive: Cobalt Ink Pure

• Site Navy

  Background

  #040714rgb(4, 7, 20)hsl(229, 67%, 5%)

  Page background on disneyplus.com's welcome page (checked 2026-10-07).

  Closest in ArchiveIndigo Ink Muted
  Closest in Archive: Indigo Ink Muted

• White

  Neutral

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

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

• Hover Cyan

  Accent

  #1A8FFFrgb(26, 143, 255)hsl(209, 100%, 55%)

  Not in disneyplus.com's current stylesheets, whose accent color is #02D6E8 (checked 2026-10-07).

  Closest in ArchiveSapphire Radiant Pure
  Closest in Archive: Sapphire Radiant 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.

• Disney+ NavyAaon white17.83:1AADisney+ Navy: Open in contrast checkerAaon black1.18:1Not for textDisney+ Navy: Open in contrast checker
• Site NavyAaon white20.08:1AASite Navy: Open in contrast checkerAaon black1.05:1Not for textSite Navy: Open in contrast checker
• WhiteAaon white1.00:1Not for textWhite: Open in contrast checkerAaon black21.00:1AAWhite: Open in contrast checker
• Hover CyanAaon white3.27:1Large text onlyHover Cyan: Open in contrast checkerAaon black6.42:1AAHover Cyan: Open in contrast checker

About this palette

Disney+ launched in the U.S. on November 12, 2019, its wordmark set beneath an arc that carried a color gradient. A March 2024 refresh, timed to Hulu's arrival on Disney+, made the arc solid white and replaced the service's classic blue with a teal Disney calls Aurora, a blend of Disney+ blue and Hulu green. disneyplus.com sets its pages on a near-black navy, #040714, with a bright cyan accent, #02D6E8.

Copy as code

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

:root {
  --disney-navy: #01153e;
  --disney-plus-site-navy: #040714;
  --disney-plus-white: #ffffff;
  --disney-plus-hover-cyan: #1a8fff;
}

@theme {
  --color-disney-navy: #01153e;
  --color-disney-plus-site-navy: #040714;
  --color-disney-plus-white: #ffffff;
  --color-disney-plus-hover-cyan: #1a8fff;
}

module.exports = {
  theme: {
    extend: {
      colors: {
        "disney-navy": "#01153e",
        "disney-plus-site-navy": "#040714",
        "disney-plus-white": "#ffffff",
        "disney-plus-hover-cyan": "#1a8fff",
      },
    },
  },
};

Source: https://www.disneyplus.com/ · As of 2026-10-07 · This page is an unofficial reference. Color values are factual sRGB hex codes and not subject to copyright; the Disney+ name and any associated marks belong to their owner. Request removal via support.

More from Media & Entertainment