パステルカラーコード一覧：定番24色のHEX・RGB・CMYKと配色例

まず使いやすいパステルカラーはこの6色

結論から言うと、汎用性が高いパステルカラーは、パステルピンク #FFD1DC、パステルブルー #AEC6CF、パステルイエロー #FDFD96、パステルグリーン #77DD77、パステルミント #BDFCC9、ラベンダー #CDB4DBの6色です。背景、見出し装飾、SNSバナー、資料の強調色に使いやすく、複数色を組み合わせても主張が強くなりすぎません。

色彩では、色相だけでなく明度と彩度を合わせた「トーン」で印象が変わります。パステルカラーを選ぶときも、単に薄い色を選ぶのではなく、武蔵野美術大学 造形ファイルの色調解説のように、明度・彩度の関係で整理すると、近い印象の色を選びやすくなります。

ただし、パステルカラーは明度が高いため、白背景に薄い文字として使うと読みにくくなります。背景に使う場合は文字を濃いグレーやネイビーにし、文字色として使う場合は背景を十分に暗くするのが基本です。Webで文字と背景を組み合わせる場合は、WCAG 2.2のコントラスト基準も確認しておくと、淡い色でも読みやすさを保ちやすくなります。

パステルカラーコード一覧表（24色）

下の表は、デザインで使いやすい代表的なパステルカラーを一覧化したものです。HEXとRGBはWeb・アプリ・資料作成向け、CMYKは印刷用の目安です。CMYK値はRGBからの近似変換なので、ブランドカラーや商業印刷で使う場合は必ず出力環境に合わせて確認してください。

よく使う単色コードの選び方

パステルピンクのカラーコードは、柔らかく見せたいなら #FFD1DC、少し赤みを強めたいなら #FF9AA2 が使いやすいです。白背景に置くと薄く見えやすいため、文字色ではなく背景や装飾に使う方が安定します。

パステルブルーのカラーコードは、落ち着いた印象なら #AEC6CF、明るく軽い印象なら #BDE0FE が候補になります。ビジネス資料では、濃いネイビー文字と組み合わせると信頼感を残しながら柔らかいトーンにできます。

パステルイエローのカラーコードは #FDFD96 が定番ですが、印刷では白に近く見えることがあります。注釈やハイライトに使う場合は、背景に使い、文字色は #333333 以上の濃さにするのがおすすめです。

配色パターン例

パステルカラーは数を増やすほどかわいらしい印象になりますが、実務では2〜4色に絞った方が目的が伝わりやすくなります。特にWebページやバナーでは、背景色、アクセント色、補助色の役割を先に決めると、淡い色でも散らかった印象になりません。

CMYK・印刷で使うときの注意点

パステルカラーをCMYKで使う場合、画面より薄く、紙色の影響を受けやすくなります。特にパステルイエロー、クリーム、アイボリーのような高明度の色は、普通紙や上質紙では白との差が小さくなり、意図した面の区切りが出ないことがあります。

印刷物では、同じCMYK値でも紙、インキ、印刷方式、カラープロファイルによって見え方が変わります。入稿前には RGB⇔CMYK変換ツールで数値を確認し、重要な案件では校正紙や印刷会社の指定条件を優先してください。特色やカラーマッチングの考え方を確認したい場合は、DICカラーガイドの公式情報を参照し、DICなど特色に近い管理が必要な場合は、DIC⇔CMYK変換ツールも併用できます。

よくある質問

関連記事