Tailwind CSS theme.extend · 96 tokens
// Generated by UI Archive — ui-archive.com
// Paste into your tailwind.config.js
module.exports = {
"theme": {
"extend": {
"colors": {
"theme-bg-pop": "#00056F",
"cover-bg-color": "#FFFFFF",
"background-pop-darken": "#000456",
"theme-bg-pop-20": "rgba(0, 5, 111, 0.2)",
"theme-bg-pop-30": "rgba(0, 5, 111, 0.3)",
"cover-print-primary": "#363737",
"cover-print-secondary": "#757575",
"cover-print-tertiary": "#b6b6b6",
"background-contrast-pop": "rgba(0, 5, 111, 0.4)",
"bg-marketing-green": "#2f6d5d"
},
"fontFamily": {
"cahuenga": [
"Cahuenga",
"serif"
],
"anton": [
"Anton",
"Arial Narrow",
"sans-serif"
],
"sf-pro-display": [
"SF Pro Display",
"-apple-system",
"sans-serif"
],
"inherit": [
"inherit"
],
"american-grotesk": [
"American Grotesk",
"sans-serif"
]
…Colors
24
Typography
20
Spacing
24
Radius
16
Shadows
12
Tailwind Config
Paste into tailwind.config.js. Free — no account required.