CSS custom properties · :root scope · 94 tokens
/* Generated by UI Archive — ui-archive.com */
:root {
/* Colors */
--color-theme-background: #faf9f5;
--color-theme-text: #141413;
--color-theme-link-text-hover: #5e5d59;
--color-swatch-clay: #d97757;
--color-theme-text-agate: #b0aea5;
--color-swatch-accent: #c6613f;
--color-swatch-olive: #788c5d;
--color-swatch-oat: #e3dacc;
--color-swatch-cactus: #bcd1ca;
--color-swatch-sky: #6a9bcc;
--color-swatch-heather: #cbcadb;
--color-swatch-fig: #c46686;
--color-swatch-coral: #ebcece;
--color-swatch-cloud-dark: #87867f;
--color-swatch-manilla: #ebdbbc;
--color-swatch-kraft: #d4a27f;
--color-srgb-0-0784314: color(srgb 0.0784314 0.0784314 0.0745098 / 0.6);
/* Typography */
--font-size-anthropic-sans-12px-400: 12px;
--font-size-anthropic-serif-20px-400: 20px;
--font-size-anthropic-sans-16px-400: 16px;
--font-size-anthropic-sans-57-7306px-700: 57.7306px;
--font-size-anthropic-sans-15px-400: 15px;
--font-size-anthropic-sans-24px-600: 24px;
--font-size-anthropic-serif-18px-600: 18px;
--font-size-anthropic-serif-14px-400: 14px;
--font-size-anthropic-serif-85-551px-400: 85.551px;
/* Spacing */
--spacing-0rem: 0rem;
--spacing-0-4rem: 0.4rem;
--spacing-1rem: 1rem;
--spacing-1-125rem: 1.125rem;
--spacing-2px: 2px;
--spacing-3px: 3px;
…Colors
29
Typography
17
Spacing
32
Radius
16
Shadows
0
CSS Variables
Drop into any project. Free — no account required.