Tailwind CSS theme.extend · 101 tokens
// Generated by UI Archive — ui-archive.com
// Paste into your tailwind.config.js
module.exports = {
"theme": {
"extend": {
"colors": {
"base-color-scale-black-0": "#000000",
"base-color-scale-white-0": "#ffffff",
"base-color-scale-gray-3": "#c4ccc6",
"base-color-scale-gray-5": "#96a199",
"base-color-scale-gray-6": "#77827a",
"base-color-scale-gray-7": "#58635b",
"base-color-scale-gray-8": "#353d37",
"base-color-scale-gray-9": "#191f1b",
"base-color-scale-blue-0": "#ddf4ff",
"base-color-scale-blue-1": "#bcecff",
"base-color-scale-blue-2": "#8dd6ff",
"base-color-scale-blue-3": "#5fb9ff",
"base-color-scale-blue-4": "#3094ff",
"base-color-scale-blue-5": "#0377ff",
"base-color-scale-blue-6": "#0055d5",
"base-color-scale-blue-7": "#0040a7",
"base-color-scale-blue-8": "#002f7a",
"base-color-scale-blue-9": "#001c4d",
"base-color-scale-green-0": "#ebf9f4",
"base-color-scale-green-1": "#bfffd1",
"base-color-scale-green-2": "#8cf2a6",
"base-color-scale-green-3": "#5fed83",
"base-color-scale-green-4": "#23ea57"
},
"fontFamily": {
"mona-sans-vf": [
"Mona Sans VF",
"-apple-system",
"BlinkMacSystemFont",
"Segoe UI",
"Noto Sans Backtick Fix",
"Noto Sans",
"Helvetica",
…Colors
31
Typography
10
Spacing
32
Radius
16
Shadows
12
Tailwind Config
Paste into tailwind.config.js. Free — no account required.