Stripe Color Palette

Select any value to copy it.

• Stripe Indigo

  Primary

  #635BFFrgb(99, 91, 255)hsl(243, 100%, 68%)

  Closest in ArchiveIris Silk Pure
  Closest in Archive: Iris Silk Pure

• Slate Navy

  Neutral

  #0A2540rgb(10, 37, 64)hsl(210, 73%, 15%)

  Closest in ArchiveSapphire Ink Vivid
  Closest in Archive: Sapphire Ink Vivid

• Success Green

  Accent

  #00D924rgb(0, 217, 36)hsl(130, 100%, 43%)

  Closest in ArchiveEmerald Core Vivid
  Closest in Archive: Emerald Core Vivid

• Off White

  Neutral

  #F6F9FCrgb(246, 249, 252)hsl(210, 50%, 98%)

  Closest in ArchiveSteel Veil Clear
  Closest in Archive: Steel Veil Clear

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.

• Stripe IndigoAaon white4.70:1AAStripe Indigo: Open in contrast checkerAaon black4.47:1Large text onlyStripe Indigo: Open in contrast checker
• Slate NavyAaon white15.54:1AASlate Navy: Open in contrast checkerAaon black1.35:1Not for textSlate Navy: Open in contrast checker
• Success GreenAaon white1.92:1Not for textSuccess Green: Open in contrast checkerAaon black10.95:1AASuccess Green: Open in contrast checker
• Off WhiteAaon white1.06:1Not for textOff White: Open in contrast checkerAaon black19.87:1AAOff White: Open in contrast checker

About this palette

Stripe's visual language sets a bright indigo-purple (#635BFF) against deep navy and white, with crisp gradients running through marketing surfaces. The indigo gives a payments company the look of a technology brand.

Copy as code

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

:root {
  --stripe-indigo: #635bff;
  --stripe-slate-navy: #0a2540;
  --stripe-success-green: #00d924;
  --stripe-off-white: #f6f9fc;
}

@theme {
  --color-stripe-indigo: #635bff;
  --color-stripe-slate-navy: #0a2540;
  --color-stripe-success-green: #00d924;
  --color-stripe-off-white: #f6f9fc;
}

module.exports = {
  theme: {
    extend: {
      colors: {
        "stripe-indigo": "#635bff",
        "stripe-slate-navy": "#0a2540",
        "stripe-success-green": "#00d924",
        "stripe-off-white": "#f6f9fc",
      },
    },
  },
};

Source: https://stripe.com/newsroom/brand-assets · As of 2026-05-02 · This page is an unofficial reference. Color values are factual sRGB hex codes and not subject to copyright; the Stripe name and any associated marks belong to their owner. Request removal via support.