Tailwind CSS theme.extend · 59 tokens
// Generated by UI Archive — ui-archive.com
// Paste into your tailwind.config.js
module.exports = {
"theme": {
"extend": {
"colors": {
"neutral-0": "#fcfaf7",
"neutral-30": "#bfbcb6",
"neutral-40": "#8d8a86",
"neutral-80": "#474543",
"neutral-95": "#1f1e1d",
"mulberry-0": "#fff2fa",
"mulberry-10": "#ffdcf3",
"mulberry-20": "#f6aadd",
"mulberry-30": "#da7cb4",
"mulberry-40": "#bf6193",
"mulberry-60": "#8d3d62",
"mulberry-80": "#792d4b",
"mulberry-90": "#602639",
"mulberry-100": "#421d24",
"mulberry-black": "#241013",
"purple-10": "#e8e0ff",
"purple-20": "#d4c7ff",
"purple-30": "#bea1f5",
"purple-40": "#9e7be0",
"purple-50": "#8861ca",
"purple-60": "#714cb6"
},
"fontFamily": {
"super-sans-vf": [
"Super Sans VF",
"system-ui",
"-apple-system",
"BlinkMacSystemFont",
"Segoe UI",
"Roboto",
"Oxygen",
"Ubuntu",
"Cantarell",
…Colors
24
Typography
1
Spacing
10
Radius
16
Shadows
8
Tailwind Config
Paste into tailwind.config.js. Free — no account required.