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