tailwindでカスタム用の文字の色を設定するやり方

こちら参照
https://tailwindcss.com/docs/text-color

このようにすると反映される。

module.exports = {
  theme: {
    extend: {
      colors: {
        'regal-blue': '#243c5a',
      },
    }
  }
}

<p class ="text-regal-blue">hello world</p>

ちなみに、colorsの下に階層が１つ増える場合はこのように実装する。

module.exports = {
  theme: {
    extend: {
      colors: {
         text2: {
	   'regal-blue': '#243c5a',
	 }
      },
    }
  }
}

<p class ="text-text2-regal-blue">hello world</p>