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",
      },
    },
  },
};