Bu önceden hazırlanmış palet, #f97316 Turuncu rengini temel alarak 8 uyumlu ton oluşturur. Web projelerinizde tutarlı bir renk sistemi kurmak için idealdir.
:root {
--color-1: #fdcfb1;
--color-2: #fcb98b;
--color-3: #fba163;
--color-4: #fa8a3c;
--color-5: #f97316;
--color-6: #d26413;
--color-7: #aa510f;
--color-8: #80390b;
}// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
brand: {
100: '#fdcfb1',
200: '#fcb98b',
300: '#fba163',
400: '#fa8a3c',
500: '#f97316',
600: '#d26413',
700: '#aa510f',
800: '#80390b',
}
}
}
}
}