Racira Colors

CSS & Developer Output

Tailwind CSS Color Exporter

Export a palette as Tailwind config

Tailwind config

// tailwind.config.js
module.exports = {
  theme: { extend: { colors: { brand: {
      "50": "#a8f5ff",
      "100": "#9be7ff",
      "200": "#81ccff",
      "300": "#62abff",
      "400": "#438bff",
      "500": "#236bdd",
      "600": "#0251c1",
      "700": "#003baa",
      "800": "#001f8f",
      "900": "#00006f",
      "950": "#0a0056",
  }}}}}