Back to tools
Palette Exporter
Build a color palette, name your colors, then export to Tailwind, CSS variables, Figma tokens, SCSS, JSON, or Android XML.
Palette Preview
#FF4E3A
#1a1a1a
#f8f8f8
#6b7280
#3b82f6
Colors (5/20)
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
"primary": "#FF4E3A",
"dark": "#1a1a1a",
"light": "#f8f8f8",
"gray": "#6b7280",
"blue": "#3b82f6",
},
},
},
};