design.md

Preview

# netlify.com Design Tokens

> Generated by UI Archive — https://ui-archive.com/netlify.com
> Snapshot: 2026-11-15
> Format: W3C DTCG compatible — suitable for Cursor, Lovable, Claude Code, and other AI coding agents

## Colors

| Token | Value | Description |
|-------|-------|-------------|
| --color-ntl-active-switcher-tab-bg-color | #0c2a2a | Defined in :root as --ntl-active-switcher-tab-bg-color |
| --color-ntl-badge-bg-color | #1e242c | Defined in :root as --ntl-badge-bg-color |
| --color-ntl-badge-text-color | #e6ecf2 | Defined in :root as --ntl-badge-text-color |
| --color-ntl-blockquote-accent-color | #32e6e2 | Defined in :root as --ntl-blockquote-accent-color |
| --color-ntl-blue-100 | #cde2ff | Defined in :root as --ntl-blue-100 |
| --color-ntl-blue-200 | #b5d2fb | Defined in :root as --ntl-blue-200 |
| --color-ntl-blue-300 | #9cbef6 | Defined in :root as --ntl-blue-300 |
| --color-ntl-blue-400 | #80abfa | Defined in :root as --ntl-blue-400 |
| --color-ntl-blue-500 | #5d8df5 | Defined in :root as --ntl-blue-500 |
| --color-ntl-blue-600 | #316bf4 | Defined in :root as --ntl-blue-600 |
| --color-ntl-blue-700 | #2e51ed | Defined in :root as --ntl-blue-700 |
| --color-ntl-blue-800 | #2036a1 | Defined in :root as --ntl-blue-800 |
| --color-ntl-blue-900 | #1b205b | Defined in :root as --ntl-blue-900 |
| --color-ntl-button-outline-bg-color-hover | #3b434c | Defined in :root as --ntl-button-outline-bg-color-hover |
| --color-ntl-button-primary-bg-color-hover | #8efbf7 | Defined in :root as --ntl-button-primary-bg-color-hover |
| --color-ntl-card-border-color-hover | #014847 | Defined in :root as --ntl-card-border-color-hover |
| --color-ntl-color-brand-primary | #14d8d4 | Defined in :root as --ntl-color-brand-primary |
| --color-ntl-color-disabled-border | #4d565f | Defined in :root as --ntl-color-disabled-border |
| --color-ntl-color-highlight-bg | #d8c7ff | Defined in :root as --ntl-color-highlight-bg |
| --color-srgb-0-870588 | color(srgb 0.870588 1 0.996078 / 0.2) |  |
…

All Tokens