design.md

Preview

# css-tricks.com Design System

> Inspected by UI Archive — https://ui-archive.com/css-tricks.com
> Last updated: 2026-04-28

## Colors

| Token | Value | Description |
|-------|-------|-------------|
| --color-ld-color-primitives-blue-100 | #f3f8ff | Defined in :root as --ld-color-primitives-blue-100 |
| --color-ld-color-primitives-blue-150 | #d6defb | Defined in :root as --ld-color-primitives-blue-150 |
| --color-ld-color-primitives-blue-175 | #b6c7f7 | Defined in :root as --ld-color-primitives-blue-175 |
| --color-ld-color-primitives-blue-200 | #98acf5 | Defined in :root as --ld-color-primitives-blue-200 |
| --color-ld-color-primitives-blue-500 | #235af3 | Defined in :root as --ld-color-primitives-blue-500 |
| --color-ld-color-primitives-blue-800 | #0e2a90 | Defined in :root as --ld-color-primitives-blue-800 |
| --color-ld-color-primitives-green-100 | #eef7f1 | Defined in :root as --ld-color-primitives-green-100 |
| --color-ld-color-primitives-green-250 | #7cd09d | Defined in :root as --ld-color-primitives-green-250 |
| --color-ld-color-primitives-green-300 | #3eab6a | Defined in :root as --ld-color-primitives-green-300 |
| --color-ld-color-primitives-green-500 | #2b7f4d | Defined in :root as --ld-color-primitives-green-500 |
| --color-ld-color-primitives-green-800 | #055224 | Defined in :root as --ld-color-primitives-green-800 |
| --color-ld-color-primitives-grey-150 | #d2d7e2 | Defined in :root as --ld-color-primitives-grey-150 |
| --color-ld-color-primitives-grey-200 | #a7adc2 | Defined in :root as --ld-color-primitives-grey-200 |
| --color-ld-color-primitives-grey-350 | #8d90a7 | Defined in :root as --ld-color-primitives-grey-350 |
| --color-ld-color-primitives-grey-500 | #73738c | Defined in :root as --ld-color-primitives-grey-500 |
| --color-ld-color-primitives-grey-800 | #4a4a68 | Defined in :root as --ld-color-primitives-grey-800 |
| --color-ld-color-primitives-grey-900 | #0e0e2c | Defined in :root as --ld-color-primitives-grey-900 |
| --color-ld-color-primitives-red-100 | #faeeee | Defined in :root as --ld-color-primitives-red-100 |
| --color-ld-color-primitives-red-200 | #f6cfcf | Defined in :root as --ld-color-primitives-red-200 |
| --color-ld-color-primitives-red-250 | #ee8b8d | Defined in :root as --ld-color-primitives-red-250 |
| --color-ld-color-primitives-red-300 | #e65255 | Defined in :root as --ld-color-primitives-red-300 |
…

All Tokens