A named colors approach for color palettes from Color And Fonts by Michael Andreuzza to be used with TailwindCSS
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'jaguar': '#01020a',
'sunset': '#801805',
'scarlet': '#ff2e00',
'sunshade': '#fea82f',
'cream': '#fffecb',
}
}
}
}
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'chestnut': '#540B0E',
'mexican-red': '#9E2A2B',
'anzac': '#E09F3E',
'butter-milk': '#FFF3B0',
'teal': '#335C67',
}
}
}
}
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'melanzane': '#2c061f',
'space': '#374045',
'gray': '#49545B',
'brandy': '#D89336',
'olive': '#e1d89f',
}
}
}
}
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'rust': '#bb3b0e',
'red-damask': '#dd7631',
'shadow': '#708160',
'olive': '#d8c593',
'blush': '#900c3f',
}
}
}
}
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'dark-sanset': '#b7472a',
'sunset': '#cf583a',
'light-sunset': '#eb9788',
'caramel': '#ffd5ab',
'sepia': '#fff2e5',
}
}
}
}
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'cocoa-brown': '#22161C',
'blush': '#6E304B',
'chestnut': '#A37C82',
'harvest-gold': '#E2AE6C',
'carrara': '#F2F1EF',
}
}
}
}
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'persian-red': '#C43F2C',
'damask-red': '#DC7035',
'geraldine': '#F7997D',
'yellow-orange': '#FCB742',
'chalky': '#EDC596',
}
}
}
}
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'shark': '#252B31',
'nevada': '#5E6668',
'submarine': '#C1C8C7',
'light-gray': '#F6FAFB',
'whiskey': '#D49C6B',
}
}
}
}
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'green-kelp': '#2B331F',
'axolotl': '#546747',
'green-spring': '#BBC8BA',
'honey': '#FDDCA5',
'casablanca': '#FAB742',
}
}
}
}
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'hunter-green': '#171E13',
'dark-expresso': '#561D18',
'terracotta': '#A83B25',
'driftwood': '#B47C4B',
}
}
}
}
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'tamarind': '#3A1C17',
'expresso': '#5A291A',
'cape-palliser': '#9B6549',
'sandrift': '#AC9676',
'light-teal': '#DFE4E0',
}
}
}
}
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'black-pearl': '#02060B',
'dark-bronze': '#401D08',
'tuscany': '#BC482B',
'gray-chateau': '#A3A5A8',
'pampas': '#F7F6F4',
}
}
}
}
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'gordons-green': '#050C04',
'dark-fen': '#224A08',
'citron': '#90AD2A',
'wewak': '#F59EAE',
'french-rose': '#F15273',
}
}
}
}
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'acapulco': '#80B7A2',
'moss-green': '#ADD495',
'dark-wewak': '#F497A4',
'white': '#FFFFFF',
'spanish-white': '#ECDBC9',
}
}
}
}
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'cinnabar': '#E13834',
'flamingo': '#F35F3A',
'scandal': '#ccfaee',
'monte-carlo': '#7BD1B8',
'william': '#3E6C61',
}
}
}
}
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'steel': '#272343',
'pine': '#34a3a3',
'teal': '#bae8e8',
'iceberg': '#e3f6f5',
'alabaser': '#fafafa',
}
}
}
}
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'blue-zodiac': '#142850',
'astronaut': '#27496d',
'teal': '#0c7b93',
'gray': '#FBFFFE',
'cinderella': '#fcd1d1',
}
}
}
}
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'steel': '#6583a8',
'gray': '#6b7b8e',
'pine': '#8fbbaf',
'seagreen': '#acdeaa',
'asparagus': '#d6f8b8',
}
}
}
}
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'magenta': '#e86ed0',
'cerise': '#eb7ad4',
'orchid': '#edb5f5',
'teal': '#b1e8ed',
'polar': '#e6f8f9',
}
}
}
}
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'dark-orchid': '#350b40',
'chestnut': '#ad6c80',
'chestnut': '#ad6c80',
'nepal': '#94b5c0',
'jungle': '#b0c9d1',
}
}
}
}