Tailwind CSS theme.extend · 95 tokens
// Generated by UI Archive — ui-archive.com
// Paste into your tailwind.config.js
module.exports = {
"theme": {
"extend": {
"colors": {
"base": "#eaecf0",
"base-fixed": "#202122",
"subtle": "#a2a9b1",
"placeholder": "#72777d",
"progressive": "#88a3e8",
"progressive-hover": "#a6bbf5",
"progressive-active": "#b6d4fb",
"progressive-focus": "#3366cc",
"destructive": "#fd7865",
"destructive-hover": "#fea898",
"destructive-active": "#ffc8bd",
"visited": "#a799cd",
"visited-hover": "#c5b9dd",
"visited-active": "#d9d0e9",
"destructive-visited": "#c99391",
"destructive-visited-hover": "#dcb5b3",
"destructive-visited-active": "#e8cecd",
"warning": "#ca982e",
"success": "#2cb491",
"icon-error": "#f54739",
"icon-warning": "#ab7f2a",
"icon-success": "#099979",
"icon-progressive": "#6485d1"
},
"fontFamily": {
"linux-libertine": [
"Linux Libertine",
"Hoefler Text",
"Georgia",
"Times New Roman",
"Times",
"serif"
],
…Colors
30
Typography
5
Spacing
32
Radius
16
Shadows
12
Tailwind Config
Paste into tailwind.config.js. Free — no account required.