Tailwind CSS theme.extend · 94 tokens
// Generated by UI Archive — ui-archive.com
// Paste into your tailwind.config.js
module.exports = {
"theme": {
"extend": {
"colors": {
"theme-background": "#faf9f5",
"theme-text": "#141413",
"theme-link-text-hover": "#5e5d59",
"swatch-clay": "#d97757",
"theme-text-agate": "#b0aea5",
"swatch-accent": "#c6613f",
"swatch-olive": "#788c5d",
"swatch-oat": "#e3dacc",
"swatch-cactus": "#bcd1ca",
"swatch-sky": "#6a9bcc",
"swatch-heather": "#cbcadb",
"swatch-fig": "#c46686",
"swatch-coral": "#ebcece",
"swatch-cloud-dark": "#87867f",
"swatch-manilla": "#ebdbbc",
"swatch-kraft": "#d4a27f",
"srgb-0-0784314": "color(srgb 0.0784314 0.0784314 0.0745098 / 0.6)"
},
"fontFamily": {
"anthropic-sans": [
"Anthropic Sans",
"Arial",
"sans-serif"
],
"anthropic-serif": [
"Anthropic Serif",
"Georgia",
"sans-serif"
]
},
"spacing": {
"0rem": "0rem",
"0-4rem": "0.4rem",
…Colors
29
Typography
17
Spacing
32
Radius
16
Shadows
0
Tailwind Config
Paste into tailwind.config.js. Free — no account required.