レッド＆ピンク配色20選｜おすすめカラーコード集

赤とピンクのカラーパレットは、赤の緊迫感とピンクの魅力を組み合わせて、大胆、ロマンチック、または超モダンなど、コントラストや彩度によってさまざまな印象を与えます。

以下は、すぐに使える赤とピンクの色の組み合わせ20選（HEXコード付き）で、UI、ブランディング、印刷の実践的なガイドもご紹介します。これにより、デザインの読みやすさとバランスが保たれます。

赤とピンクのパレットがなぜ優れているのか

赤は強さ、緊急性、自信をもたらし、ピンクは柔らかさ、温かみ、親しみやすさを加えます。二つを合わせることで、少しの調整で遊び心から高級感まで表現できる幅広いスペクトルが生まれます。

色味が近いため、赤とピンクの組み合わせは自然に統一感があり、ブランディングに狙いが感じられます。ダークな色（チャコール、ネイビー、エスプレッソなど）を加えると、読みやすさや階層がすぐに向上します。

これらのパレットは、デジタルと印刷の両方で使いやすいのも特徴です。淡いピンクはクリーンな背景、ミッドピンクはUIアクセント、濃いルージュは見出しやボタン、フォーカルポイントに使っても強すぎる印象になりません。

20種類以上の赤とピンクのカラーパレット（HEXコード付き）

1) ローズチェリーポップ

HEX： #D7263D #FF4D6D #FF8FA3 #FFF0F3 #2B2D42

雰囲気：大胆、遊び心、高コントラスト

おすすめ用途：SNSプロモーション用グラフィック

チェリーソーダのように元気で華やかなローズの輝きを感じるミックスです。エネルギッシュながら雑然とせず、深みのあるネイビーを見出しやボタンのベースに、鮮やかな赤をアクション要素に使うのがポイント。クリーンな余白とシンプルなアイコンを合わせればモダンな印象に。アドバイス：最も鮮やかなピンクは小さいハイライトに使って読みやすさを重視しましょう。

media.ioで生成したローズチェリーポップの画像例

Media.io

Media.ioは、ブラウザ上で動画・画像・音声の作成と編集ができるオンラインAIスタジオです。

今すぐ無料で試す

2) ブラッシュベルベット

HEX： #B80F2E #E63963 #F7A1B5 #FBE7EE #3A2E39

雰囲気：ロマンチック、ソフト、ラグジュアリー

おすすめ用途：ビューティーブランドのランディングページUI

サテンリップスティックみたいな柔らかさと上質感。最も濃いワイン色は主要テキストやナビゲーションに使うと効果的です。淡いピンクとパウダーカラーは十分な余白と細い仕切り線と合わせると洗練された印象に。アドバイス：ボタンは中間のローズ色を使えば、優しさを残したコントラストに。

media.ioで生成したブラッシュベルベットの画像例

3) サンセットシャーベット

HEX： #C81D3A #FF5C8A #FF9FB5 #FFE3EC #7A2E40

雰囲気：暖かい、晴れやか、親しみやすい

おすすめ用途：カフェメニューのデザイン

夕暮れ時のシャーベットのように温かみがあり、フレンドリーでポジティブな印象。クリーミーなパステルをベースに、深い赤はセクションヘッダー用に。文字はダークココアで明快に、小さなラインアイコンを追加して軽やかにまとめます。アドバイス：鮮やかなピンクはプライスタグや特別な強調部分のみに使うと、上品さを保てます。

media.ioで生成したサンセットシャーベットの画像例

4) クランベリークリーム

HEX： #8D0B2A #C9184A #FF758F #FFD6E0 #1F1A1D

雰囲気：リッチ、居心地が良い、ウィンター

おすすめ用途：ホリデー用ギフトカードデザイン

ホイップクリームを添えたクランベリーソースのように豊かで居心地の良いフェスティブな配色。ほぼ黒のカラーは文字や枠線に使い、ピンクが鮮明で読みやすくなります。細かいドットやストライプなど控えめなパターンを入れると季節感も演出。アドバイス：背景は淡いピンク、濃い赤はインパクトのある一点に。

media.ioで生成したクランベリークリームの画像例

5) ピオニーデイドリーム

HEX： #D81E5B #FF6B9A #FFB3C6 #FFF5F8 #6D2E46

雰囲気：花のよう、エアリー、夢心地

おすすめ用途：水彩ボタニカルポスター

春の芍薬のようなふんわりとしたやさしさとロマンティックなムードが特徴。オフホワイトを背景にして、ミッドピンクで花びらやアクセントをレイヤー。文字は落ち着いたブラウンやチャコールを使うと甘すぎない雰囲気に。アドバイス：深いベリー色は細い枠や影に使い、奥行きを加えましょう。

media.ioで生成したピオニーデイドリームの画像例

6) ネオンローズナイト

HEX： #B7094C #F72585 #FF87AB #FFD1DC #0B1320

雰囲気：エレクトリック、夜遊び、エッジー

おすすめ用途：クラブイベントポスター

エレクトリックなネオンの輝きを暗い道に映す夜の雰囲気。背景はインクのようなネイビーに、テキストは淡いピンクで可読性をアップ。シャープなサンセリフフォントとシンプルなグリッドでエネルギーを制御します。アドバイス：ネオン系カラーは一箇所だけに使い、視覚的ノイズを抑えましょう。

media.ioで生成したネオンローズナイトの画像例

7) ラズベリーモカ

HEX： #7B1E3A #B23A48 #E85D75 #F6CCD2 #3C2A2E

雰囲気：アーシー、大人、安心感

おすすめ用途：コーヒーパッケージラベル

ラズベリーシロップ入りのモカのように安心感と上質さのある配色。ココア系ブラウンは文字に、落ち着いたローズ色はブランドブロックや封印に。クリームペーパーのテクスチャやミニマルなラインアートと組み合わせて温かみを強調。アドバイス：ラベル背景は明るめにし、濃い色で高級感を演出。

media.ioで生成したラズベリーモカの画像例

8) ストロベリーミルク

HEX： #C1123F #FF477E #FFB5C8 #FFF1F5 #4A2C3A

雰囲気：スイート、若々しい、クリーン

おすすめ用途：スキンケア製品広告

瓶入りいちごミルクのように甘くさわやかな配色。特にスキンケア製品には、最も淡い色を背景に、中間のピンクで主張ポイントを目立たせるのが効果的。文字はウォームグレーやディープモーヴにすると、黒よりも柔らかいコントラストに。アドバイス：鮮やかな赤は購入ボタンや価格表示など、ポイント使いのみに。

media.ioで生成したストロベリーミルクの画像例

9) フラミンゴパンチ

HEX： #A4133C #D9204C #FF5D8F #FFB3D1 #2D1B23

雰囲気：トロピカル、エネルギッシュ、楽しい

おすすめ用途：サマーパーティーフライヤー

トロピカルでパンチの効いた配色は、フラミンゴの羽やプールサイドのフルーツドリンクを思い起こさせます。イベント詳細には濃いバーガンディ、見出しには鮮やかなピンクを使うことで即座に階層を作ります。シンプルな波形や紙吹雪ドットを淡いピンクの背景に合わせると涼しげな雰囲気に。ヒント：本文テキストは濃く引き締めて、明るいアクセントに対して可読性を確保しましょう。

media.ioで生成されたフラミンゴパンチの画像例

10）モーヴモダン

HEX： #9D174D #DB2777 #F472B6 #FCE7F3 #111827

雰囲気： モダン、洗練、自信

おすすめ用途： SaaSダッシュボードUI

磨き上げられたコンテンポラリーな配色は、暗いモダンな作業空間に着色ガラスをあしらったような感触です。チャコールがUIの土台、ローズ系がステータスやチャート・主要アクションになると最も力を発揮します。多数のニュートラルグレーや細い境界線と組み合わせて全体をシャープに保ちましょう。ヒント：最も明るいピンクはアラートや主要指標限定で控えめに。

media.ioで生成されたモーヴモダンの画像例

11）ヴィンテージバレンタイン

HEX： #A60F2D #D1495B #F2A9B6 #FDE2E7 #5B3A42

雰囲気： ノスタルジック、チャーミング、やわらかい

おすすめ用途： バレンタインカード

色あせたポストカードのような懐かしさと優しさがあり、甘すぎないタイムレスな印象です。ダスティーピンクを用紙の主色に、強いレッドは小さなハートやタイトルに使うことで効果的。セリフ体や手書き風のアクセントで温かくヴィンテージ調に仕上げましょう。ヒント：ココア色の細い枠でデザインを囲むと、ピンクが浮かず引き締まります。

media.ioで生成されたヴィンテージバレンタインの画像例

12）コーラルローズウッド

HEX： #B21E35 #E84A5F #FF847C #FFE6E3 #3D2C2E

雰囲気： あたたかい、職人風、ウェルカミング

おすすめ用途： レストランブランドキット

あたたかみと職人の手作り感があり、コーラルの釉薬やローズウッドのテーブル、キャンドルライトを思わせます。クリーミーな色合いをベースに、コーラルで親しみやすく食欲をそそるアクセントを。チャコールのタイポグラフィやナチュラルな紙質感でブランド感をしっかりと。ヒント：彩度の高い色を隣り合わせにせず、余白や細い線で区切って使うのがコツです。

media.ioで生成されたコーラルローズウッドの画像例

13）桜ミニマル

HEX： #C9184A #FF4D6D #FFB3C1 #FFF0F3 #2F2A2C

雰囲気： ミニマル、エアリー、やさしい

おすすめ用途： ウェディングウェブサイトUI

桜の花びらが白いページ上を舞い漂うような、軽やかでミニマルな印象です。最も淡いピンクを多く使い、濃い色はナビゲーションや日付など要所に。細い境界線やたっぷりの余白で品のあるリズムを保ちましょう。ヒント：リンクには1色のアクセントを絞って選ぶことで、サイト全体の一貫性が維持できます。

media.ioで生成された桜ミニマルの画像例

14）ルージュブーケ

HEX： #7F0D2A #B1123B #E6486E #F9B7C8 #FDF1F4

雰囲気： ロマンチック、ドラマチック、フローラル

おすすめ用途： フラワーショップのポスター

ロマンチックでドラマチック、まるで暖かい光の下でシルクリボンに包まれた花束のよう。用紙色には淡いピンク、商品名には深いルージュでクラシックな雰囲気に。花の繊細な線画と合わせて、テーマを強調しつつも雑然としません。ヒント：最も明るいピンクは「新着」や季節限定タグなど小さく控えめに。

media.ioで生成されたルージュブーケの画像例

15）ピンクペッパースタジオ

HEX： #A4043A #D81159 #FF6F91 #FFDDE7 #22223B

雰囲気： クリエイティブ、パンチ、スタイリッシュ

おすすめ用途： クリエイティブエージェンシー ホームページUI

パンチがありスタイリッシュ、ピンクペッパーのスパイスのような鮮烈な編集感を想起させます。深いインディゴがテキストやナビを担い、鮮烈なマゼンタは主要アクションやセクションアンカーに。広い余白や太字で自信を強調しましょう。ヒント：グラデーションは控えめ＆短めにして、プロらしいインターフェイスを維持。

media.ioで生成されたピンクペッパースタジオの画像例

16）ベリーグラデーションUI

HEX： #C20040 #E11D48 #FB7185 #FDA4AF #0F172A

雰囲気： スリーク、デジタル、鮮やか

おすすめ用途： 音楽アプリUI画面

スリーク＆デジタル、ベリーネオンのグラデーションがサウンドのように躍動します。最も暗い色を背景パネルに使い、ピンク系が進捗バーやアクティブ状態で光ります。柔らかなグレーの書体と均等なスペースで可読性を維持。ヒント：最も明るい色は「Now Playing」といった現在注目箇所だけに適用して誘導しましょう。

media.ioで生成されたベリーグラデーションUIの画像例

17）ローズゴールドエディトリアル

HEX： #AD1457 #EC407A #F8BBD0 #FFF7FA #2D2A32

雰囲気： エディトリアル、洗練、エアリー

おすすめ用途： 雑誌レイアウトスプレッド

洗練されエアリー、ローズゴールドの箔押しとクリーム色の紙、やわらかなピンクの影を思い起こさせます。ほぼ白に近い色をページ基調に使い、ミッドローズは引用やセクション見出しに。本文はチャコール系＆たっぷりの行間で本格的なプリントの落ち着きを。ヒント：装飾線は細く一貫させてスクラップブック感を回避します。

media.ioで生成されたローズゴールドエディトリアルの画像例

18）ポピーフューシャフェスティバル

HEX： #D0002F #FF0A54 #FF5C8A #FFB3C6 #240046

雰囲気： 祝祭的、派手、エネルギッシュ

おすすめ用途： ミュージックフェスティバルポスター

フェスティブで派手、ポピーの花びらやフューシャピンクのライトが満員のステージで輝くよう。深いパープルを基調背景に使い、鮮烈なピンクでラインナップの階層を演出します。太字の凝縮書体＆シンプルな形のバーストでエネルギーを素早く伝えます。ヒント：二次情報は最も淡いピンクで表記し、見出しの邪魔にならないよう可読性を守りましょう。

media.ioで生成されたポピーフューシャフェスティバルの画像例

19）ダスティローズリトリート

HEX： #8A1538 #C0547C #E8A0BF #F6D6E5 #2B2A2F

雰囲気： 穏やか、くすみ、回復的

おすすめ用途： ウェルネスリトリートのパンフレット

穏やかでくすんだトーンが、ドライローズの花びらややわらかいリネン、静かな朝を連想させます。大きな背景には淡いダスティカラー、見出しやタブには深いローズを使用。シンプルな写真枠と十分な余白でパンフレットの静けさを演出。ヒント：本文すべてはコントラスト維持のためチャコールを使いましょう。

media.ioで生成されたダスティローズリトリートの画像例

20）スカーレットペタルウェディング

HEX： #9B0F2E #D62839 #F0657A #F7B7C2 #FFF5F7

雰囲気： エレガント、祝祭的、ロマンチック

おすすめ用途： ウェディング招待状セット

エレガントで祝祭的、スカーレットの花びらがブーケから舞い落ちるような配色。オフホワイトを基調にし、最も強い赤は名前やモノグラムに使いましょう。クラシックなセリフ書体と細いラインで時代を超えた印象に。ヒント：中間ピンクを封筒や細部カードに使うと温かみが加わり、メイン招待状を圧倒しません。

media.ioで生成されたスカーレットペタルウェディングの画像例

21）ルビーブラッシュコントラスト

HEX： #A80038 #E11D48 #FF5D8F #FFE5EC #101828

雰囲気： 自信、クリーン、高コントラスト

おすすめ用途： アプリのオンボーディング画面

自信に満ちたクリーンな配色で、ルビーの艶やかな色合いが鮮明なピンク背景に映えます。オンボーディング背景は明るく、ルビートーンで進捗指標や主要ボタンを際立たせましょう。スレート系の濃いテキストやシンプルなイラストを合わせれば集中力のある画面に。ヒント：小さなキャプションのコントラストテストをして、細かい文字はスレート系に切り替えるのもおすすめ。

media.ioで生成されたルビーブラッシュコントラストの画像例

赤とピンクに合う色は？

ニュートラルは最も簡単な勝利法：ソフトホワイト、ピンクがかったオフホワイト、暖かいグレー、深いチャコールを使えば赤やピンクが意図的かつ圧倒にならずに映えます。多くのレイアウトではテキスト用に濃いニュートラルを使うと、全体のコントラストが安定します。

よりリッチで高級感のある印象にしたい場合は、レッドピンクにワイン、ココアブラウン、ディーププラムを組み合わせましょう。深い色合いは赤の温もりやピンクの柔らかさを引き立て、見出しや枠線、UIクロームに深みを加えます。

もう少しインパクトを出したい場合は、ディープネイビーやインディゴなどクールなコントラストカラーをほんの少し使ってみてください。控えめに使えばピンクがより鮮やかでモダンに映り、パレットがごちゃごちゃすることもありません。

実際のデザインで赤とピンクのカラーパレットを使う方法

まず役割分担から始めるのがコツ：背景用に明るい色、UIアクセント用に中間色、テキストや重要要素用に深い色を決めましょう。これでページや広告、印刷物全体のデザインシステムの一貫性が生まれます。

彩度とスペーシングをしっかり管理しましょう。赤やピンクは彩度が高い大きな面積が接すると“派手”に感じるので、オフホワイトの余白や細い線、ダークなアンカーシェードで区切って使うのがポイントです。

UIでは常にアクセシビリティテストを行いましょう：ボタン、リンク、キャプション、エラー表示が明・暗両方の背景で読めるかチェック必須。小さなテキストはチャコールやネイビーにし、ホットピンクはアイコン・バッジ・ハイライトにとどめます。

AIで赤とピンクのパレットビジュアルを作成する

すでにHEXコードが決まっているなら、レイアウトやスタイルを記述するだけで、ポスターやUIモックアップ、ブランドボード、パッケージイメージ等の概念ビジュアルがすぐ作れます。

Media.ioのテキストto画像ワークフローなら、書体・構成・コントラストを調整しながらレッドピンクのカラースキームを安定させて素早く反復検討やクライアント確認ができます。

プロンプト時は「無地の背景」「手なし」「クリーングリッド」と明記し、最も暗い色の使用箇所（テキスト・境界線・背景パネルなど）も指定すると可読性対策になります。

次へ： カーニバルカラーパレット