MPクラウド

NewDesign ColorSample

BROWN
[01]BROWN

--main-color: #5a4a42;
--bg-color: #f7f0df;

LIHGT-BROWN
[02]LIHGT-BROWN

--main-color: #795519;
--bg-color: #fbf8f0;

GREEN
[03]GREEN

--main-color: #2bada9;
--bg-color: #eaf9f8;

LIGHT-GREEN
[04]LIGHT-GREEN

--main-color: #7cbb15;
--bg-color: #f0f6e2;

BLUE
[05]BLUE

--main-color: #0091d4;
--bg-color: #eef9ff;

LIGHT_BLUE
[06]LIGHT_BLUE

--main-color: #2eb8f8;
--bg-color: #f3fbff;

NAVY
[07]NAVY

--main-color: #184374;
--bg-color: #edf3fa;

LIGHT-NAVY
[08]LIGHT-NAVY

--main-color: #2b5c93;
--bg-color: #f5faff;

ORANGE
[09]ORANGE

--main-color: #fe8a01;
--bg-color: #fff3e4;

LIGHT-ORANGE
[10]LIGHT-ORANGE

--main-color: #ffaf54;
--bg-color: #fff9f1;

PINK
[11]PINK

--main-color: #e7336d;
--bg-color: #fff1f6;

LIGHT-PINK
[12]LIGHT-PINK

--main-color: #f7779f;
--bg-color: #fff6f9;

PURPLE
[13]PURPLE

--main-color: #632c86;
--bg-color: #faf1ff;

LIGHT-PURPLE
[14]LIGHT-PURPLE

--main-color: #a365c9;
--bg-color: #fcf6ff;

RED
[15]RED

--main-color: #b22024;
--bg-color: #f8dfe0;

LIGHT-RED
[16]LIGHT-RED

--main-color: #d2363b;
--bg-color: #ffeeee;

YELLOW
[17]YELLOW

--main-color: #feda02;
--bg-color: #fffdee;

LIGHT-YELLOW
[18]LIGHT-YELLOW

--main-color: #ffe44a;
--bg-color: #fffdf2;

旧デザインの告知サイトはこちら