Tailwind CSS theme.extend · 78 tokens
// Generated by UI Archive — ui-archive.com
// Paste into your tailwind.config.js
module.exports = {
"theme": {
"extend": {
"colors": {
"col-neutral-10": "#ffffff",
"col-neutral-40": "#bababa",
"col-neutral-60": "#666666",
"col-neutral-80": "#333333",
"col-neutral": "#000000",
"col-primary-10": "#8cbff3",
"col-primary-30": "#00b39b",
"col-primary-70": "#eedafb",
"col-primary-90": "#f1eb9d",
"col-warning": "#ff8080",
"col-notification": "#fff080",
"col-success": "#81d987",
"col-interaction": "#8875ff"
},
"fontFamily": {
"hdk-variable-fragment": [
"HDK Variable Fragment",
"sans-serif"
]
},
"spacing": {
"3px": "3px",
"5px": "5px",
"6px": "6px",
"10px": "10px",
"15px": "15px",
"18px": "18px",
"20px": "20px",
"24px": "24px",
"25px": "25px",
"30px": "30px",
"35px": "35px",
"40px": "40px",
…Colors
21
Typography
2
Spacing
32
Radius
16
Shadows
7
Tailwind Config
Paste into tailwind.config.js. Free — no account required.