Best 22 Cardinal Color Palette Ideas & Hex Codes

カージナルは豊かで自信に満ちた赤色で、デザインに一瞬で焦点と感情を加えます。組み合わせによって、格式高く、ロマンティックに、スポーティーに、あるいはモダンにも感じられます。

下記にHEXコード付きのカージナルカラーパレットのアイデアと、ブランディング、UI、ポスター、パッケージデザインへの実用的なヒントを紹介します。これですぐに理想の雰囲気を作り出せます。

なぜカージナルパレットはこんなに効果的なのか

カージナルはクラシックな赤色とより深いクリムゾンの中間に位置するため、鮮やかすぎず大胆に見えます。自然と視線を集めるため、見出しやロゴ、主要なアクションに最適です。

深みがあるので、カージナルは大人っぽいニュートラルカラー（アイボリー, チャコール, スレート）や暖かいメタリック（金やブロンズ）ともよく合います。これらの配色は、赤をうるさく感じさせず、意図的でプレミアムな印象を与えてくれます。

デジタルデザインにおいてカージナルは階層を示すのに特に便利です：重要なアクションや強調部分のみに使い、UI全体はシンプルに保てます。適切なコントラストチェックをすれば、パワフルさとアクセシビリティを両立できます。

20種類以上のカージナルカラーパレットアイデア（HEXコード付き）

1）カテドラル・クリムゾン

HEX： #C41E3A #F2E9E4 #2B2D42 #D6B370 #6D6875

雰囲気： 格式高い、クラシック、洗練された

おすすめ用途： 高級ブランドやステーショナリー

華やかでキャンドルの灯りのようなトーンは、ベルベットのカーテンや金縁、静かな自信を感じさせます。ロゴやモノグラムの主役にはカージナルレッドを使い、レイアウト全体は温かいアイボリーで落ち着かせます。チャコールはモダンな骨組みを生み、アンティークゴールドは控えめなアクセントとして最適です。ポイント：ゴールドは多用せず、罫線やスタンプ、箔押しなどの小さなディテールに使うと洗練された印象に。

media.ioで生成したカテドラル・クリムゾンの画像例

Media.io

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

今すぐ無料で試す

2）ベリーベルベット

HEX： #B31B34 #F7D6D0 #4A2545 #C7A27C #1F1D2B

雰囲気： ロマンティック、リッチ、親密

おすすめ用途： ビューティー系パッケージや香水広告

ロマンティックで贅沢なミックスは、ベリーコンポートやサテンのリボン、柔らかな夕暮れの光を思わせます。カージナルとプラムを主役のデュオにし、ブラッシュで余白をつくりましょう。サンドトーンは温かい肌のようなニュアンスで、ラベルに高級感を与えます。ポイント：ほぼブラックは文字や小さな影のみで使い、ビロードのような柔らかさを保ちましょう。

media.ioで生成したベリーベルベットの画像例

3）シティカージナルポップ

HEX： #C41E3A #0F0F14 #F4F4F6 #FFB703 #3A86FF

雰囲気： 大胆、都会的、エネルギッシュ

おすすめ用途： イベントポスターやSNSグラフィック

ストリート感溢れる大胆な配色は、ネオン看板や高コントラストのタイポグラフィのような印象です。カンバスはシンプルに、黒・白・目立つアクセント1色とし、見出しにカージナル、アクションにはアンバーやエレクトリックブルーを使いましょう。ポイント：1レイアウトにつき明るいアクセントは2つまでに絞ると、メッセージが鮮明に伝わります。

media.ioで生成したシティカージナルポップの画像例

4）ヘリテージホール

HEX： #A61C2D #E7DFD5 #1E2D2F #7A6C5D #B7B7A4

雰囲気： 学問的、温かい、タイムレス

おすすめ用途： 大学パンフレットや卒業生向けページ

知的で安定感のある色合いは、古い図書館や革製品、伝統的な雰囲気を想起させます。見出しや区切り線にはカージナルとパーチメントを使い、本文やナビゲーションにはディープティールを。トープやセージグレーがパレットを穏やかにまとめ、長文も読みやすくなります。ポイント：カージナルはプルクオートやバッジ、主要データなどの強調部分だけに使いましょう。

media.ioで生成したヘリテージホールの画像例

5）デザートブリック

HEX： #B22234 #F3E6D0 #8D5B4C #4B3F35 #C9C2B8

雰囲気： アーシー、落ち着き、職人風

おすすめ用途： カフェメニューやクラフトラベル

素朴で日差しを浴びた印象は、アドビの壁や焙煎豆、手作りの陶器を思わせます。レンガ色のカージナルを暖かな軸に、クリームで親しみやすいメニューベースを作りましょう。ココアブラウンは文字に、ストーングレーは線や仕切りに最適です。ポイント：クラフト紙や粒子感のある背景で手作り感を強調できますが、色は変えずに質感で演出しましょう。

media.ioで生成したデザートブリックの画像例

6）ウィンターベリーナイト

HEX： #C41E3A #13293D #E8F1F2 #6C757D #FFDDD2

雰囲気： クリア、コージー、フェスティブ

おすすめ用途： ホリデー系メールヘッダーやランディングページ

爽やかで心地よく、冬の空気やベリーのガーランド、柔らかなポーチライトの印象です。背景はネイビー、スポットにはカージナルを使うことでパレットが引き締まります。アイシーオフホワイトは余白に、ブラッシュはセカンダリーボタンやタグに。ポイント：グラデーションは控えめにし、ソリッドな色面を活用してクリーンで季節感あるレイアウトにしましょう。

media.ioで生成したウィンターベリーナイトの画像例

7）ノワールガーネット

HEX： #9D1B2F #0B0B0E #2E2E38 #E6E1D7 #B08D57

雰囲気： ドラマティック、高級感、映画的

おすすめ用途： 腕時計広告やプレミアム商品ページ

ドラマティックかつ映画のような配色は、艶やかな黒と深いガーネットの輝きを思わせます。背景はほぼブラックを使い、主役の見出しや製品ハイライトにカージナルを。暖かいアイボリーがテキストの可読性を保ち、控えめなゴールドは価格表示やアイコンなどの細部に最適です。ポイント：明るい文字のときは字間を少し広げて、高級感のある仕上がりにしましょう。

media.ioで生成したノワールガーネットの画像例

8）ローズウッドミニマル

HEX： #B11D34 #FAF7F2 #3D2C2E #DDBEA9 #A5A58D

雰囲気： 穏やか、モダン、エディトリアル

おすすめ用途： ウェルネスブランドやミニマル系ブログ

穏やかで開放感のある色合いは、ローズウッドの家具やリネン生地、ゆったりした朝の空気感を想起させます。広い余白にはオフホワイト、カージナルは洗練されたアクセントにとどめましょう。深みのあるブラウンは本文に、ブラッシュとオリーブグレーはカードやバッジの彩りにぴったりです。ポイント：赤をリンクや主ボタンなど1つの役割に絞り、統一感を持たせましょう。

media.ioで生成したローズウッドミニマルの画像例

9）トマト市場

HEX： #C41E3A #2F3E46 #E9C46A #F4F1DE #84A98C

雰囲気：新鮮、親しみやすい、フレンドリー

おすすめ用途：食料品のプロモーションやファーマーズマーケットのチラシ

新鮮で魅力的。熟したトマト、手書きの看板、日差しの差し込む青果スタンドを思い起こさせます。価格や重要なオファーにはカーディナルレッドを使い、読みやすさのためにクリーミーホワイトをバランスよく配置します。スレートグリーンと柔らかいハーブトーンが赤の強さを抑え、自然な雰囲気を加えます。ヒント：太字のサンセリフフォントとシンプルなアイコンを組み合わせると、デザインが明るく、スキャンしやすくなります。

media.ioで生成されたトマト市場の画像例

10）テックカーディナルアクセント

HEX： #C41E3A #111827 #E5E7EB #22C55E #93C5FD

雰囲気：クリーン、自信、モダン

おすすめ用途：ダッシュボードUIやSaaS料金ページ

クリーンで自信に満ちた印象。尖ったインターフェースや目立つハイライトを感じさせます。カーディナルカラーのスキームは、赤を主要なアクションやステータスの強調に限定すると効果的です。ナビゲーションにはダークスレート、パネルにはライトグレー、成功表示やサブチャートには緑やソフトブルーを使います。ヒント：アクセシビリティ向けに、赤いボタンのコントラストを暗い面と明るい面両方で確認しましょう。

media.ioで生成されたテックカーディナルアクセントの画像例

11）オーチャードピクニック

HEX： #B81D36 #FFF1E6 #7F5539 #A7C957 #F4A261

雰囲気：晴れやか、素朴、遊び心

おすすめ用途：春の招待状やピクニックポスター

晴れやかで素朴。リンゴ園、ギンガムブランケット、手作りパイを想起させます。クリーミートーンが大部分を占め、見出しや日付にはカーディナルレッド。葉のようなグリーンと暖かいキャラメルがアウトドアのバランスを生み出し、アプリコットは小さなイラストや枠線にぴったりです。ヒント：シンプルな線画の果物モチーフを入れて、ピクニック感を強調しつつ、文字を邪魔しません。

media.ioで生成されたオーチャードピクニックの画像例

12）ミュージアムラベル

HEX： #A81E2F #F5F1E8 #22223B #9A8C98 #C9ADA7

雰囲気：洗練、静穏、キュレーション

おすすめ用途：エディトリアルレイアウトや展覧会グラフィック

洗練されて静かな印象。ギャラリーの壁、キュレーションされたキャプション、ゆっくり鑑賞するひとときを感じさせます。ページには柔らかいアイボリーを使い、見出しにはカーディナルを配置し、読者をセクションへ誘導します。長文はチャコールネイビーで品よくまとめ、マーブグレーは引用やキャプションに。ヒント：カーディナルは階層を1つだけ（H1や主要ラベルなど）に留め、ミュージアムのようなリズムを保ちましょう。

media.ioで生成されたミュージアムラベルの画像例

13）スパイスドココア

HEX： #9F1D33 #3C1518 #EDE0D4 #D5BDAF #8A817C

雰囲気：居心地よい、暖かい、安心感

おすすめ用途：コーヒー包装や秋のプロモーション

居心地よく香り高い。ココアパウダー、シナモンスティック、暖かい木のトーンを感じさせます。基調色はディープブラウンにし、スタンプやバッジ、風味のノートにはカーディナルレッドで温かみを追加します。クリームやタンカラーでラベルを読みやすくし、パレット全体を手作り感で重くならないように。ヒント：マット仕上げ＆シンプルなアイコンで快適な雰囲気を演出しましょう。

media.ioで生成されたスパイスドココアの画像例

14）コーラルチャペル

HEX： #C41E3A #FFDDD2 #FEC5BB #6B705C #F7F3E9

雰囲気：柔らかい、ロマンチック、軽やか

おすすめ用途：ウェディングスイートやブライダルSNS投稿

柔らかくロマンチック。コーラルの花びらや軽やかな生地、優しい光が思い浮かびます。このカーディナルカラーパレットは、赤を小さなアクセントにし、ブラッシュトーンを主役にすると現代的です。落ち着いたオリーブが基調のボタニカルノートを加え、モノグラムや細部に美しく映えます。ヒント：オフホワイトの背景と純黒テキストを避けて、夢のような雰囲気を保ちましょう。

media.ioで生成されたコーラルチャペルの画像例

15）クリムゾンリレー

HEX： #B10F2E #0B1320 #F6F7FB #2EC4B6 #FFBE0B

雰囲気：スポーティ、速い、ハイコントラスト

おすすめ用途：スポーツグラフィックやチームグッズのモックアップ

スポーティでハイコントラスト。スタジアムのライトや太字のナンバー文字が思い浮かびます。メインのユニフォーム色にはカーディナルレッド、タフさと明快さにはディープミッドナイト。ストライプやアイコン、目立つスタッツにはティールとアンバーが最適です。ヒント：背景はダークかホワイトを中心にし、赤の発色を印刷物でも一定に保ちましょう。

media.ioで生成されたクリムゾンリレーの画像例

16）クレイ＆カーディナル

HEX： #C41E3A #D08C60 #F2E2D2 #4A4E69 #9A8C98

雰囲気：アートフル、暖かい、コンテンポラリー

おすすめ用途：セラミックブランドやポートフォリオサイト

アーティスティックで温かみのある色調。テラコッタクレイ、スタジオ棚、刷毛ピグメントが思い浮かびます。クレイとクリームを主役にし、ボタンやタグ、主要プロジェクトタイトルにカーディナルでスポットを。スレートバイオレットとダスティマーブで温度感の橋渡し。ヒント：大きな色ブロックと十分な余白で、赤を意図的かつ騒がしくない印象に。

media.ioで生成されたクレイ＆カーディナルの画像例

17）チェリーソーダレトロ

HEX： #B9152F #FFF4E6 #1D3557 #F77F00 #2A9D8F

雰囲気：レトロ、遊び心、パンチのきいた

おすすめ用途：ダイナーポスターやヴィンテージスタイル広告

レトロでパンチのある雰囲気。チェリーソーダのラベルやクラシックなダイナーサインを想起します。カーディナルとクリームをベースにし、ネイビーで太い輪郭や文字に。オレンジとティールをヴィンテージのスポットカラーのように、形や星、小さな呼びかけに使います。ヒント：ハーフトーンテクスチャと太字のタイポで懐かしいエネルギーを盛り上げましょう。

media.ioで生成されたチェリーソーダレトロの画像例

18）ガーネット＆グラファイト

HEX： #9E1B32 #2B2B2B #EDEDED #7D8597 #C0A080

雰囲気：プロフェッショナル、抑制、信頼

おすすめ用途：B2Bデッキや企業レポート

プロフェッショナルで抑制された雰囲気。シャープなスーツ、クリーンなチャート、自信あるメッセージ性を感じさせます。グラファイトとライトグレーがレイアウトの主役で、ガーネットレッドはセクションタブやチャートの強調、重要な数字にアクセントとして使います。ヒント：アクセントの使用はページ全体の10％以内にし、エグゼクティブな雰囲気を保ちましょう。

media.ioで生成されたガーネット＆グラファイトの画像例

19）ボタニカルカーディナルインク

HEX： #C41E3A #2D6A4F #F1FAEE #1B263B #A7C4BC

雰囲気：新鮮、ナチュラル、洗練

おすすめ用途：ボタニカルイラストやガーデンブランド

新鮮でインクのような雰囲気。押し葉、植物プレート、手書きラベルを思い起こさせます。ナチュラルベースとしてグリーンを主役に、カーディナルは花や実、重要なハイライトに登場させます。オフホワイトとソフトシーフォームで細部を表現しても汚れず鮮明です。ヒント：細い線画と水彩のにじみで、赤を警告色でなく植物アクセントとして演出します。

media.ioで生成されたボタニカルカーディナルインクの画像例

20）スカーレットスタジオライツ

HEX： #B3122F #F8F5F2 #222222 #D62828 #BDB2FF

雰囲気：クリエイティブ、モダン、ギャラリー向け

おすすめ用途：クリエイターのポスターや音楽カバーアート

クリエイティブでステージの照明のような雰囲気。スポットライトのまぶしさ、シャープなタイポ、モダンなギャラリー感。カーディナルをメインブロック色、タイトルやクレジットにブラック、高コントラストで。ソフトバイオレットはサブテキストやグラフィックの意外性あるアクセントで、赤を伝統的すぎない印象に。ヒント：大きな赤い形を一つ配し、そこへ他要素を合わせてノイズを減らしましょう。

media.ioで生成されたスカーレットスタジオライツの画像例

21）カーディナルサンライズグラデーション

HEX： #C41E3A #FF6B6B #FFD6A5 #FFF9DB #3A0CA3

雰囲気：楽観的、明るい、モダン

おすすめ用途：アプリのオンボーディング画面やヒーローバナー

楽観的で明るい雰囲気。サンライズの輝きの中心に自信ある赤。カーディナルパレットは赤からピーチやバタークリームへ滑らかにグラデーション。深いバイオレットは見出しやアイコンの基調になり、暖かいトーンの読みやすさを向上。ヒント：大きくスムーズなグラデーションと、テキストにはソリッドバイオレットでバンディングを防止します。

media.ioで生成されたカーディナルサンライズグラデーションの画像例

22）ワイン＆リネン

HEX： #8F1D2C #F3EFE6 #5C3D2E #B07D62 #2F4858

雰囲気：エレガント、素朴、成熟

おすすめ用途：ワインラベルやレストランメニュー

エレガントで素朴。地下セラーの木、リネンのナプキン、深紅のワインが思い浮かびます。ラベル名やメニューのセクションヘッダーにはワインカーディナル、リネンで上品かつ呼吸感あるベースに。ブラウンや暖かいタンが触覚的な深みを与え、ブルースレートは小さな詳細やアイコンに最適。ヒント：テクスチャード紙に印刷して、ニュートラルの意図を感じさせ、赤の豊かさを際立たせましょう。

media.ioで生成されたワイン＆リネンの画像例

カージナルに合う色は？

カーディナルは落ち着いたニュートラルと合わせるのが最も力強く見えます。暖かいアイボリー、クリーム、ライトグレー、チャコールが、洗練されて読みやすくなります。よりドラマティックにしたい時は、ほぼ黒や深いネイビーと組み合わせると、赤が中心的な存在になります。

カーディナル（鮮やかな赤）を柔らかくしたい場合は、ブラッシュ、ダスティローズ、またはくすみモーヴを加えてください。これらはコントラストを損なわずに、ロマンチックで現代的な温かみを演出します。ナチュラルな雰囲気を求めるなら、ディープフォレスト、セージ、シーフォームなど植物系グリーンを取り入れましょう。

エネルギッシュなデザインには、アンバー、オレンジ、エレクトリックブルー、ティールなど、明るいアクセントカラーを少量加えるとカーディナルが際立ちます。ポイントは抑制です：鮮やかな色は1～2色だけに抑えて、全体のパレットが調和を保つようにしましょう。

実践的なデザインでカージナルカラーパレットを使う方法

まず、カーディナルの役割を決めましょう：主役の背景色、見出しカラー、アクションカラー（ボタン／バッジ）など。強い注目度があるため、全体に使うよりもアクセントや単一の支配的なブロックにする方が効果的です。

レイアウトや読みやすさのためにニュートラルカラー（無彩色）を使い、カーディナルは最も階層の高い要素―H1、重要な数字、セールのタグや主要CTAに適用しましょう。印刷では、リネン、クラフト紙、マットコーティングなどのテクスチャでカーディナルをより深く、高級感のある印象に仕上げることができます。

UIでは、赤いボタンや赤いテキストのコントラストを、特にダークな背景上でチェックしましょう。状態を区別したい場合は、成功や情報にはグリーンやブルーを、主要アクションや強調にはカーディナルを使い、混乱を防ぎます。

AIでカージナルパレットのビジュアルを作成

お気に入りのパレットがあれば、AIを活用してポスターやパッケージのモックアップ、UIヘッダーに素早く展開できます。「ラグジュアリー」「スポーティー」「コージー」「モダン」などの雰囲気がしっくりくるか、フルのデザインシステムに取り掛かる前に簡単にテストできます。

パレットの雰囲気と用途（例：「カーディナル＋アイボリー高級ステーショナリー」「カーディナル＋ネイビー冬のランディングヘッダー」など）を入力して、バリエーションを生成してみましょう。どの色が主役か、アクセントの使い方を明確に指示すると良い結果になります。

Media.ioを使えば、プレゼンテーションやムードボード、クライアント承認用の画像例を一貫して生成できます。HEXカラーにぴったり合ったストックビジュアルを探し回る必要はありません。

次： バーントシエナカラーパレット