Stripe Inspired Color Palette

Rich indigo gradients flowing through purple to teal with clean white define Stripe's premium tech aesthetic. This gradient-rich palette powers fintech dashboards, payment UIs, and developer documentation.

#635BFF

Pale Indigo

RGB(99, 91, 255)

HSL(243, 100%, 68%)

#7A73FF

Pale Indigo

RGB(122, 115, 255)

HSL(243, 100%, 73%)

#0A2540

Dark Blue

RGB(10, 37, 64)

HSL(210, 73%, 15%)

#00D4AA

Vivid Teal

RGB(0, 212, 170)

HSL(168, 100%, 42%)

#FFFFFF

White

RGB(255, 255, 255)

HSL(0, 0%, 100%)

#F6F9FC

Light Blue

RGB(246, 249, 252)

HSL(210, 50%, 98%)

lightbulbBest Use Cases

  • checkFintech dashboards
  • checkPayment UIs
  • checkDeveloper docs

businessIndustries

  • checkFinance
  • checkTechnology
Mood:premium

codeUse in Your Code

CSS Custom Properties

:root {
  --color-1: #635BFF;
  --color-2: #7A73FF;
  --color-3: #0A2540;
  --color-4: #00D4AA;
  --color-5: #FFFFFF;
  --color-6: #F6F9FC;
}

Tailwind CSS Config

colors: {
  'stripe-inspired-1': '#635BFF',
  'stripe-inspired-2': '#7A73FF',
  'stripe-inspired-3': '#0A2540',
  'stripe-inspired-4': '#00D4AA',
  'stripe-inspired-5': '#FFFFFF',
  'stripe-inspired-6': '#F6F9FC',
}
stripefintechgradientpremiumindigo

Want to Extract Colors from Your Own Images?

Upload any photo and get a custom color palette instantly — free.

Try PaletteAI Free

Related Palettes