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