カスタムパレット

カスタム

#25D366

#128C7E

#075E54

#DCF8C6

#25D366

#128C7E

#075E54

#DCF8C6

このパレットを使用する

CSS変数

:root {
  --color-1: #25D366;
  --color-2: #128C7E;
  --color-3: #075E54;
  --color-4: #DCF8C6;
}

Tailwind CSS

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        palette: {
      '1': '#25D366',
      '2': '#128C7E',
      '3': '#075E54',
      '4': '#DCF8C6',
        }
      }
    }
  }
}

類似パレット

メッセージ通信通話+2

夏草の道

夏草原自然+1

#008080

徳島線

ティールJR四国徳島+1

抹茶和菓子

抹茶和菓子緑+1

#00a684

加古川線

ティール緑JR西日本+1

#00704A

#FFFFFF

#1E3932

スターバックス

カフェコーヒー飲食+2

カスタムパレット

カスタム

#25D366

#128C7E

#075E54

#DCF8C6

#25D366

#128C7E

#075E54

#DCF8C6

このパレットを使用する

CSS変数

:root {
  --color-1: #25D366;
  --color-2: #128C7E;
  --color-3: #075E54;
  --color-4: #DCF8C6;
}

Tailwind CSS

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        palette: {
      '1': '#25D366',
      '2': '#128C7E',
      '3': '#075E54',
      '4': '#DCF8C6',
        }
      }
    }
  }
}