Lululemon Color Palette

Select any value to copy it.

• Lululemon Red

  Primary

  #D1141Argb(209, 20, 26)hsl(358, 83%, 45%)

  An approximation of the logo red; lululemon publishes no color values.

  Closest in ArchiveCrimson Core Vivid
  Closest in Archive: Crimson Core Vivid

• Off White

  Neutral

  #F5F5F5rgb(245, 245, 245)hsl(0, 0%, 96%)

  An approximation; lululemon's corporate site uses #F9F9F8 for its page background.

  Closest in ArchiveIris Veil Faint
  Closest in Archive: Iris Veil Faint

• Site Off-White

  Neutral

  #F9F9F8rgb(249, 249, 248)hsl(60, 8%, 97%)

  Page background on corporate.lululemon.com (checked 2026-10-07).

  Closest in ArchiveRuby Veil Faint
  Closest in Archive: Ruby Veil Faint

• Charcoal

  Neutral

  #1A1A1Argb(26, 26, 26)hsl(0, 0%, 10%)

  An approximation; lululemon's corporate site sets its text and logo in #140F0F.

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

• Site Near-Black

  Neutral

  #140F0Frgb(20, 15, 15)hsl(0, 14%, 7%)

  Text and logo color on corporate.lululemon.com (checked 2026-10-07).

  Closest in ArchiveCrimson Ink Faint
  Closest in Archive: Crimson Ink Faint

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.

• Lululemon RedAaon white5.49:1AALululemon Red: Open in contrast checkerAaon black3.83:1Large text onlyLululemon Red: Open in contrast checker
• Off WhiteAaon white1.09:1Not for textOff White: Open in contrast checkerAaon black19.26:1AAOff White: Open in contrast checker
• Site Off-WhiteAaon white1.05:1Not for textSite Off-White: Open in contrast checkerAaon black19.93:1AASite Off-White: Open in contrast checker
• CharcoalAaon white17.40:1AACharcoal: Open in contrast checkerAaon black1.21:1Not for textCharcoal: Open in contrast checker
• Site Near-BlackAaon white19.01:1AASite Near-Black: Open in contrast checkerAaon black1.10:1Not for textSite Near-Black: Open in contrast checker

About this palette

Lululemon's logo is a stylized 'A', kept from 'Athletically Hip', one of the company's early working names, though many read it as an omega. lululemon publishes no color values; the #D1141A listed here approximates the logo's red. Its corporate site is mostly near-black text (#140F0F) on off-white (#F9F9F8), with a brighter red, #FF4646, for accents and link underlines.

Copy as code

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

:root {
  --lululemon-red: #d1141a;
  --lululemon-off-white: #f5f5f5;
  --lululemon-site-off-white: #f9f9f8;
  --lululemon-charcoal: #1a1a1a;
  --lululemon-site-near-black: #140f0f;
}

@theme {
  --color-lululemon-red: #d1141a;
  --color-lululemon-off-white: #f5f5f5;
  --color-lululemon-site-off-white: #f9f9f8;
  --color-lululemon-charcoal: #1a1a1a;
  --color-lululemon-site-near-black: #140f0f;
}

module.exports = {
  theme: {
    extend: {
      colors: {
        "lululemon-red": "#d1141a",
        "lululemon-off-white": "#f5f5f5",
        "lululemon-site-off-white": "#f9f9f8",
        "lululemon-charcoal": "#1a1a1a",
        "lululemon-site-near-black": "#140f0f",
      },
    },
  },
};

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

More from Consumer Brands