Bu önceden hazırlanmış palet, #ef4444 Kırmızı rengini temel alarak 8 uyumlu ton oluşturur. Web projelerinizde tutarlı bir renk sistemi kurmak için idealdir.
:root {
--color-1: #fbc8c8;
--color-2: #f7a2a2;
--color-3: #f37373;
--color-4: #f15c5c;
--color-5: #ef4444;
--color-6: #c93a3a;
--color-7: #a03030;
--color-8: #782323;
}// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
brand: {
100: '#fbc8c8',
200: '#f7a2a2',
300: '#f37373',
400: '#f15c5c',
500: '#ef4444',
600: '#c93a3a',
700: '#a03030',
800: '#782323',
}
}
}
}
}