Tailcolor logo

#E84D43 Tailwind color palette

This color palette is generated for the color #E84D43 as the 500 level color.

50

100

200

300

400

500

600

700

800

900

Using custom Tailwind palettes

Modify Tailwind config

To use your new Tailwind palette you will need to add it to your tailwind.config.js file. If you do not already have that file in your solution you will need to create it.

If you want to add your palette to the default palette colors, add it under the theme.extend.colors section of your configuration file. Alternatively, if you would rather completely replace the colors provided by Tailwind, add it directly under theme.colors.

To learn more, read the complete documentation on the official Tailwind Customizing Colors page.

module.exports = {
  "theme": {
    "extend": {
      "colors": {
        "myColor": {
          "50": "#fdedec",
          "100": "#fadbd9",
          "200": "#f6b8b4",
          "300": "#f1948e",
          "400": "#ed7169",
          "500": "#e84d43",
          "600": "#ba3e36",
          "700": "#8b2e28",
          "800": "#5d1f1b",
          "900": "#2e0f0d"
        }
      }
    }
  }
}

© 2022 Tailcolor. All rights reserved.