Sephora Color Palette

Select any value to copy it.

• Sephora Black

  Primary

  #000000rgb(0, 0, 0)hsl(0, 0%, 0%)

  Closest in ArchiveTrue Gray Ink
  Closest in Archive: True Gray Ink

• 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.

• Sephora BlackAaon white21.00:1AASephora Black: Open in contrast checkerAaon black1.00:1Not for textSephora Black: Open in contrast checker
• WhiteAaon white1.00:1Not for textWhite: Open in contrast checkerAaon black21.00:1AAWhite: Open in contrast checker

About this palette

Sephora's brand is built on uncompromising black-and-white verticals — store walls, shopping bags, packaging, the iconic flame logo. Every product brand in the store wears its own color, so Sephora's role is to be the achromatic gallery wall. The flame mark, in pure black, has barely changed since 1969.

Copy as code

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

:root {
  --sephora-black: #000000;
  --sephora-white: #ffffff;
}

@theme {
  --color-sephora-black: #000000;
  --color-sephora-white: #ffffff;
}

module.exports = {
  theme: {
    extend: {
      colors: {
        "sephora-black": "#000000",
        "sephora-white": "#ffffff",
      },
    },
  },
};

Source: https://www.sephora.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 Sephora name and any associated marks belong to their owner. Request removal via support.

More from Consumer Brands