design.md

Preview

# sephora.com Design Tokens

> Generated by UI Archive — https://ui-archive.com/sephora.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-black | #000000 | Defined in :root as --color-black |
| --color-white | #ffffff | Defined in :root as --color-white |
| --color-lightred | #FCECEC | Defined in :root as --color-lightRed |
| --color-red | #cf112c | Defined in :root as --color-red |
| --color-darkred | #7F141A | Defined in :root as --color-darkRed |
| --color-brightred | #e2030f | Defined in :root as --color-brightRed |
| --color-green | #008048 | Defined in :root as --color-green |
| --color-yellow | #ffc003 | Defined in :root as --color-yellow |
| --color-blue | #136BEA | Defined in :root as --color-blue |
| --color-lightblue | #e5f2fd | Defined in :root as --color-lightBlue |
| --color-gray | #666666 | Defined in :root as --color-gray |
| --color-darkgray | #3F3F3F | Defined in :root as --color-darkGray |
| --color-inputgray | #888888 | Defined in :root as --color-inputGray |
| --color-babypink | #f4b6c7 | Defined in :root as --color-babyPink |
| --color-paleturquoise | #b2fce4 | Defined in :root as --color-paleTurquoise |
| --color-goldenyellow | #f8d15d | Defined in :root as --color-goldenYellow |
| --color-venmoblue | #008cff | Defined in :root as --color-venmoBlue |
| --color-venmolightblue | #299EFF | Defined in :root as --color-venmoLightBlue |
| --color-debugblue | #06E3FF | Defined in :root as --color-debugBlue |
| --color-pazeblue | #0F42F8 | Defined in :root as --color-pazeBlue |
…

All Tokens