Didi 滴滴 Color Palette

Select any value to copy it.

• Didi Orange

  Primary

  #FF7733rgb(255, 119, 51)hsl(20, 100%, 60%)

  Closest in ArchiveEmber Tone Pure
  Closest in Archive: Ember Tone Pure

• Didi Navy

  Neutral

  #0E1733rgb(14, 23, 51)hsl(225, 57%, 13%)

  Closest in ArchiveIndigo Ink Clear
  Closest in Archive: Indigo Ink Clear

• White

  Neutral

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

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

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.

• Didi OrangeAaon white2.65:1Not for textDidi Orange: Open in contrast checkerAaon black7.94:1AADidi Orange: Open in contrast checker
• Didi NavyAaon white17.66:1AADidi Navy: Open in contrast checkerAaon black1.19:1Not for textDidi Navy: Open in contrast checker
• WhiteAaon white1.00:1Not for textWhite: Open in contrast checkerAaon black21.00:1AAWhite: Open in contrast checker

About this palette

Didi's #FF7733 is a warm, friendly orange. The supporting design system uses a deep navy (#0E1733) for app chrome and dark-mode surfaces — a quiet anchor that lets the orange CTAs do the work.

Copy as code

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

:root {
  --didi-orange: #ff7733;
  --didi-navy: #0e1733;
  --didi-white: #ffffff;
}

@theme {
  --color-didi-orange: #ff7733;
  --color-didi-navy: #0e1733;
  --color-didi-white: #ffffff;
}

module.exports = {
  theme: {
    extend: {
      colors: {
        "didi-orange": "#ff7733",
        "didi-navy": "#0e1733",
        "didi-white": "#ffffff",
      },
    },
  },
};

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

More from China Internet