design.md

Preview

# stripe.com Design System

> Inspected by UI Archive — https://ui-archive.com/stripe.com
> Last updated: 2026-04-26

## Colors

| Token | Value | Description |
|-------|-------|-------------|
| --color-hds-color-core-brand-25 | #f5f5ff | Defined in :root as --hds-color-core-brand-25 |
| --color-hds-color-core-brand-50 | #e8e9ff | Defined in :root as --hds-color-core-brand-50 |
| --color-hds-color-core-brand-100 | #d6d9fc | Defined in :root as --hds-color-core-brand-100 |
| --color-hds-color-core-brand-200 | #b9b9f9 | Defined in :root as --hds-color-core-brand-200 |
| --color-hds-color-core-brand-300 | #9a9afe | Defined in :root as --hds-color-core-brand-300 |
| --color-hds-color-core-brand-400 | #7f7dfc | Defined in :root as --hds-color-core-brand-400 |
| --color-hds-color-core-brand-500 | #665efd | Defined in :root as --hds-color-core-brand-500 |
| --color-hds-color-core-brand-600 | #533afd | Defined in :root as --hds-color-core-brand-600 |
| --color-hds-color-core-brand-700 | #4032c8 | Defined in :root as --hds-color-core-brand-700 |
| --color-hds-color-core-brand-800 | #2e2b8c | Defined in :root as --hds-color-core-brand-800 |
| --color-hds-color-core-brand-900 | #1c1e54 | Defined in :root as --hds-color-core-brand-900 |
| --color-hds-color-core-brand-950 | #161741 | Defined in :root as --hds-color-core-brand-950 |
| --color-hds-color-core-branddark-75 | #ccdaff | Defined in :root as --hds-color-core-brandDark-75 |
| --color-hds-color-core-branddark-200 | #a8bfff | Defined in :root as --hds-color-core-brandDark-200 |
| --color-hds-color-core-branddark-300 | #92adff | Defined in :root as --hds-color-core-brandDark-300 |
| --color-hds-color-core-branddark-400 | #7389ff | Defined in :root as --hds-color-core-brandDark-400 |
| --color-hds-color-core-branddark-700 | #362baa | Defined in :root as --hds-color-core-brandDark-700 |
| --color-srgb-0-898039 | color(srgb 0.898039 0.929412 0.960784 / 0.5) |  |

## Typography

…

All Tokens