パーツ番号 07-04-08 ・ CSSのみ

パステル配色セット

淡いトーンで統一した5色のスウォッチセットです。子ども向けサイトや優しい雰囲気のランディングページの配色見本に使えます。

staticcss

プレビュー

ソースコード

HTML

<div class="d07-04-08-row">
          <span style="background:#fde2e4"></span>
          <span style="background:#fef3c7"></span>
          <span style="background:#d1fae5"></span>
          <span style="background:#dbeafe"></span>
          <span style="background:#e9d5ff"></span>
        </div>

CSS

.d07-04-08{background:#fff}
        .d07-04-08-row{display:flex;gap:8px}
        .d07-04-08-row span{width:42px;height:70px;border-radius:10px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}

クラス名 .d07-04-08 は本ライブラリ内での識別用です。複数のパーツを同じページで使う場合は、重複しないよう名前を変更してください。