カラーサンプル（スライド）

ボタンをクリックするとそのカラーにジャンプします。← → キーまたはスワイプで前後に移動できます。

ページ 背景色 枠線色 h2背景色
グリーン #c8ddb0#f0f4e8#7aab52
オレンジ #f5ccaa#fef0d8#d4824a
ブルー #aac4dd#e8f0f8#4a80aa
ティール #a8dcd8#d4f0ee#0e8c80
パープル #d4c0ee#eae4f8#7448b0
ローズ #f0b8cc#f8dce8#b83060
ネイビー #a8b8d8#d4dcee#284898
オリーブ #ccd4a0#e4eac8#6a7820
サーモン #f2b89a#fadacc#c04820
ミント #b0dfcc#d6f2e8#1a9060
ピーチ #fcd4b0#feeee0#c07040
アンバー #e8c870#f8eccc#9a7010
テラコッタ #e8a080#f8d4c4#983828
イエローオレンジ#f8de90#fef4d0#b88020
グリーン系

グリーン

h3 テキストのサンプル

本文テキストのサンプルです。このページは配色確認用です。

・箇条書きサンプル
・箇条書きサンプル

bg #c8ddb0
border #f0f4e8
h2 #7aab52
オレンジ系

オレンジ

h3 テキストのサンプル

本文テキストのサンプルです。このページは配色確認用です。

・箇条書きサンプル
・箇条書きサンプル

bg #f5ccaa
border #fef0d8
h2 #d4824a
ブルー系

ブルー

h3 テキストのサンプル

本文テキストのサンプルです。このページは配色確認用です。

・箇条書きサンプル
・箇条書きサンプル

bg #aac4dd
border #e8f0f8
h2 #4a80aa
ティール系

ティール

h3 テキストのサンプル

本文テキストのサンプルです。このページは配色確認用です。

・箇条書きサンプル
・箇条書きサンプル

bg #a8dcd8
border #d4f0ee
h2 #0e8c80
パープル系

パープル

h3 テキストのサンプル

本文テキストのサンプルです。このページは配色確認用です。

・箇条書きサンプル
・箇条書きサンプル

bg #d4c0ee
border #eae4f8
h2 #7448b0
ローズ系

ローズ

h3 テキストのサンプル

本文テキストのサンプルです。このページは配色確認用です。

・箇条書きサンプル
・箇条書きサンプル

bg #f0b8cc
border #f8dce8
h2 #b83060
ネイビー系

ネイビー

h3 テキストのサンプル

本文テキストのサンプルです。このページは配色確認用です。

・箇条書きサンプル
・箇条書きサンプル

bg #a8b8d8
border #d4dcee
h2 #284898
オリーブ系

オリーブ

h3 テキストのサンプル

本文テキストのサンプルです。このページは配色確認用です。

・箇条書きサンプル
・箇条書きサンプル

bg #ccd4a0
border #e4eac8
h2 #6a7820
サーモン系

サーモン

h3 テキストのサンプル

本文テキストのサンプルです。このページは配色確認用です。

・箇条書きサンプル
・箇条書きサンプル

bg #f2b89a
border #fadacc
h2 #c04820
ミント系

ミント

h3 テキストのサンプル

本文テキストのサンプルです。このページは配色確認用です。

・箇条書きサンプル
・箇条書きサンプル

bg #b0dfcc
border #d6f2e8
h2 #1a9060
ピーチ系

ピーチ

h3 テキストのサンプル

本文テキストのサンプルです。このページは配色確認用です。

・箇条書きサンプル
・箇条書きサンプル

bg #fcd4b0
border #feeee0
h2 #c07040
アンバー系

アンバー

h3 テキストのサンプル

本文テキストのサンプルです。このページは配色確認用です。

・箇条書きサンプル
・箇条書きサンプル

bg #e8c870
border #f8eccc
h2 #9a7010
テラコッタ系

テラコッタ

h3 テキストのサンプル

本文テキストのサンプルです。このページは配色確認用です。

・箇条書きサンプル
・箇条書きサンプル

bg #e8a080
border #f8d4c4
h2 #983828
イエローオレンジ系

イエローオレンジ

h3 テキストのサンプル

本文テキストのサンプルです。このページは配色確認用です。

・箇条書きサンプル
・箇条書きサンプル

bg #f8de90
border #fef4d0
h2 #b88020