# Stripe color tokens

[Open the live Fudge conversation](https://design.withfudge.com/share/stripe-color-tokens)

Last updated: 2026-07-28

Pulled Stripe color tokens via the local token-export tool from `stripe.com`, using 34 captured pins.

## Core light tokens

```css
:root {
  --color-bg-base: var(--color-slate-50);
  --color-text-primary: var(--color-slate-600);
  --color-action-primary: var(--color-slate-50);
  --color-primary: var(--color-slate-50);
  --color-secondary: var(--color-slate-600);
  --color-accent: var(--color-gray-50);
  --color-info: var(--color-blue-700);

  --color-slate-50: oklch(0.9477 0.00693 246.42392);
  --color-slate-600: oklch(0.43802 0.03733 248.68592);
  --color-blue-700: oklch(0.25993 0.06038 251.31899);
  --color-indigo-500: oklch(0.48203 0.19551 278.2907);
  --color-cyan-500: oklch(0.50266 0.09121 219.51453);
  --color-gray-50: oklch(1 0 0);
}
```

## Core dark tokens

```css
[data-theme="dark"] {
  --color-bg-base: var(--color-gray-950);
  --color-text-primary: var(--color-gray-950);
  --color-action-primary: var(--color-indigo-100);
  --color-primary: var(--color-indigo-100);
  --color-secondary: var(--color-gray-950);
  --color-accent: var(--color-gray-50);
  --color-success: var(--color-green-300);
  --color-info: var(--color-blue-800);

  --color-indigo-100: oklch(0.89402 0.04804 281.50409);
  --color-blue-800: oklch(0.21857 0.05114 251.68551);
  --color-green-300: oklch(0.70119 0.19502 148.64021);
  --color-gray-950: oklch(0 0 0);
}
```

The full export also includes generated `slate`, `blue`, `gray`, `indigo`, `cyan`, plus dark-mode `pink`, `fuchsia`, and `green` scales.

## Colors

- `#f6f9fc`
- `#425466`
- `#0a2540`
- `#635bff`
- `#00d4ff`
- `#ffffff`