コーンカラーのおすすめ配色20選とHEXコード一覧

コーンパレットは、温かみのあるゴールデンイエローとクリーミーなニュートラルを組み合わせて、デザインに瞬時に明るさをもたらしますが、厳しさは感じさせません。親しみやすく、健全で自信のある印象を与えたいブランドにとっての定番の選択肢です。

以下は、厳選された20種類のコーンカラーパレットアイデア（HEXコード付き）と、UI、印刷、モダンブランディングのための組み合わせヒントです。

コーンパレットが優れている理由

コーンからインスピレーションを得たカラースキームは、心地よい温かみとクリーンでモダンな軽やかさを併せ持っています。ゴールド系の色合いは注目を集めやすく、ハイライトやCTA、ヒーローエリアに最適です。

クリーミーなオフホワイトやソフトなベージュは彩度のバランスを取り、レイアウトがうるさくなったり過度に「黄色く」ならないようにしてくれます。これは、可読性や間隔、階層構造が重要なUIデザインでは特に有用です。

最後に、コーンパレットはアーシーブラウン、ボタニカルグリーン、または深いチャコールと美しく組み合わせることができ、文字やボーダー、データビジュアライゼーションのための簡単なコントラストオプションを提供します。

20以上のコーンカラーパレットアイデア（HEXコード付き）

1) ハーベストグロー

HEX： #F2C14E #F7E9A0 #FFF3C4 #D99A2B #4A3B2A

雰囲気： 温かみ、自信、日の光

おすすめ用途： ブランドのヒーローバナーやランディングページ

収穫期の午後の畑のように温かく陽に照らされたゴールド系カラーが、楽観的で安定感を感じさせます。明るいクリームで余白を作り、アンバーや深いブラウンで見出しに階層感を加えましょう。信頼性が重視される食品やクラフト、ライフスタイル系ブランドに特に適しています。コツ：グラデーションは控えめにし、一番暗いブラウンは小さくコントラストが必要なテキストだけに使用しましょう。

media.ioで生成されたハーベストグローのイメージ例

Media.io

Media.ioは、ブラウザ上でビデオ、画像、オーディオの作成・編集ができるオンラインAIスタジオです。

今すぐ無料で試す

2) クリーミーカーネル

HEX： #FFE08A #FFF6D5 #F5C65A #C9A24A #6B5B3E

雰囲気： 柔らかく、親しみやすく、フレンドリー

おすすめ用途： ダッシュボードUIやオンボーディング画面

ホイップバターや温かいシリアルの穀物のように、柔らかくクリーミーな色合いで、落ち着いているのに退屈さを感じさせません。ほぼ白色の背景にカードを配置し、ゴールドの中間色を主要なボタンやハイライトに使います。シンプルなアイコンとたっぷりの余白と組み合わせることで、親しみやすく使いやすいインターフェースが実現します。コツ：より深いオリーブブラウンをラベルやナビゲーションに使い、アクセシビリティのためにコントラストをテストしましょう。

media.ioで生成されたクリーミーカーネルのイメージ例

3) ラスティックバーンボード

HEX： #E3B44A #F2E6C9 #C97C3D #8A5A34 #2F2720

雰囲気： 素朴、力強い、手作り感

おすすめ用途： 食品パッケージや職人ラベル

素朴で力強く、トーストした穀物やスパイス、使い込まれた木材を思わせる色合いです。この組み合わせは、手作りでプレミアム感を伝えたい製品向けの信頼できるコーンパレットです。クリーミーなベージュをラベルのベースに使い、テラコッタと深いエスプレッソブラウンで文字や枠にアクセントを加えましょう。コツ：さりげない紙の質感を追加して、ダークブラウンを平坦ではなくリッチに見せましょう。

media.ioで生成されたラスティックバーンボードのイメージ例

4) サンリットメドウ

HEX： #FFD66B #FFF1C6 #CDE6B7 #7FB069 #3E6B4E

雰囲気： フレッシュ、ボタニカル、エアリー

おすすめ用途： 春のボタニカルイラストや印刷物

雨上がりの草原のようにフレッシュで透明感のあるパレット。イエローは優しく、リーフグリーンと組み合わせると落ち着きを演出します。淡いクリームを紙面に用い、ミドルグリーンで茎や葉を表現。穏やかなポジティブさが必要なガーデン系ブランドやウェルネス文具、季節のプリントに最適。コツ：アウトラインはディープグリーンにして、柔らかなイエローの輝きを保ちましょう。

media.ioで生成されたサンリットメドウのイメージ例

5) バタートースト

HEX： #F4C95D #F7E7C4 #EAD2A8 #B08968 #5A4636

雰囲気： コージー、安心感、ノスタルジック

おすすめ用途： 雑誌のエディトリアルやレシピ特集

心地よく懐かしい色調は、焼きたてトーストやリネンナプキン、カフェの灯りを連想させます。淡いクリームでマージンをとり、タンやココアでタイポグラフィや区切り線を彩ります。可読性と温かみが同居する誌面レイアウト向き。コツ：最も暗いブラウンは引用や小さなUIチップに限定し、紙面を重たくし過ぎないよう注意しましょう。

media.ioで生成されたバタートーストのイメージ例

6) デザートコーンシルク

HEX： #F6D87A #FCECC7 #E9C46A #C49B63 #7A6A52

雰囲気： 穏やか、ナチュラル、日差しを感じる

おすすめ用途： インテリアムードボードやホームデコレーション

穏やかで日差しに包まれた印象は、砂漠の光と粘土の壁、織物を思わせます。コーンシルククリームをベースに使い、より深いサンドやトープで構成しましょう。インテリアムードボードやホームブランド、穏やかなライフスタイルビジュアルに最適です。コツ：マットな質感と組み合わせ、ハイグロス効果は避けてリラックスした雰囲気に保ちましょう。

media.ioで生成されたデザートコーンシルクのイメージ例

7) レトロダイナー

HEX： #F9D65C #FFF0B8 #F08A4B #C24D2C #2E2A25

雰囲気： ポップ、ヴィンテージ、大胆

おすすめ用途： イベントポスターやレトロなフライヤー

遊び心のあるビンテージカラーが、ネオンサインやタイルカウンターの雰囲気をほどよく再現。暖かいイエローとクリームが明るい土台になり、オレンジレッドがタイトルやバッジにインパクトを与えます。エネルギー感あるコーンカラーには、ダークチャコールがバランスのアンカーに。コツ：本文はクリーム上に、オレンジは大きなディスプレイ用途だけに使用しましょう。

media.ioで生成されたレトロダイナーのイメージ例

8) オータムフェスティバル

HEX： #F7C948 #FFF4C7 #E6B89C #A26769 #4C3A3A

雰囲気： 祝祭的、温かみ、季節感

おすすめ用途： 招待状や季節のお知らせ

祝祭感と温かみを感じる配色は、ランタンの灯りや焼き菓子、ほのかな黄昏を想起させます。淡いイエローを招待状の背景にし、プラムブラウンでタイトルを配するとクラシックな印象に。くすみローズはアイコンや枠、小さなイラストに柔らかさを加えます。コツ：各セクション1色だけアクセントにし、エレガントでシンプルな表現を心がけましょう。

media.ioで生成されたオータムフェスティバルのイメージ例

9) ミニマルメイズ

HEX： #F3C969 #F8F1E1 #D6D0C4 #8B7E66 #2F2F2F

雰囲気： ミニマル、モダン、バランス

おすすめ用途： SaaSのUIシステムやコンポーネントライブラリ

ミニマルでバランスの取れた配色は、クリーンな白紙や柔らかな日差し、ワンポイントのゴールドカラーを感じさせます。イエローは背景ではなくシグナルカラーとして使われると最適です。オフホワイトや薄いグレーをベースに、ディープチャコールでシャープな可読性の高いテキストを配置。コツ：イエローはフォーカス状態やサクセス表現など意図的にちりばめましょう。

media.ioで生成されたミニマルなトウモロコシのイメージ例

10) ゴールデンアワーリネン

HEX： #F6D365 #FFF1D0 #E2C499 #BFA06A #6B4F2A

雰囲気： プレミアム、暖かみ、上品

おすすめ用途： ビューティープロダクト広告やライフスタイルキャンペーン

プレミアムで洗練されたカラーは、リネン生地の上のゴールデンアワーや磨き上げられた木材を思わせます。淡いクリーム色をスタジオ背景に使い、ミッドゴールドで柔らかなスポットライト効果を出しましょう。セリフ体タイポグラフィーやミニマルな商品写真との相性も抜群です。コツ：影は柔らかく暖かく保ち、ブラウンが贅沢感を出すようにしましょう。

media.ioで生成されたゴールデンアワーリネンのイメージ例

11) チョーク＆カーネル

HEX： #F2C94C #F9F9F7 #DAD7CD #7D8590 #2B2D31

雰囲気： スマート、クリーン、ややアカデミック

おすすめ用途： プレゼン資料とレポートテンプレート

スマートでクリーンな配色は、チョークの紙、整った図表、わずかな日差しを感じさせます。構造やグリッド・チャートにはクールなグレーを使い、ゴールドアクセントで要点をハイライト。暖かみを持たせつつも真剣さを失わないレポートに最適です。コツ：黄色は一つのデータ系列やコールアウトに限定して、スライドの読みやすさを維持しましょう。

media.ioで生成されたチョーク＆カーネルのイメージ例

12) ハニードテラコッタ

HEX： #F3B23C #F7E2B5 #D97B3D #B85C38 #5C3A2E

雰囲気： アーシー、職人風、大胆

おすすめ用途： ハンドメイド商品のブランディングやSNS投稿

アーシーで職人風、これらのトーンはハチミツの釉薬がかかった陶器や、太陽で焼けたポタリーを連想させます。暖かいクリームはレイアウトを開放的に保ち、テラコッタが即座に手作り市の雰囲気を演出します。濃いブラウンはロゴや力強いタイポグラフィのコントラストにも最適です。コツ：シンプルなラインイラストと組み合わせ、カラーが主役になるようにしましょう。

media.ioで生成されたハニードテラコッタのイメージ例

13) コーンフィールドドーン

HEX： #F7D070 #FFEFC2 #C7D7A4 #7DA37C #324D3E

雰囲気： 平和的、牧歌的、希望にあふれた

おすすめ用途： ワイドなWebヘッダーや風景イラスト

平和的で牧歌的なカラーは、野に差す朝日や露に濡れる葉を思わせます。やわらかいイエローとクリームが雰囲気を作り、グリーンが奥行きと自然なコントラストを増します。ワイドなヘッダーやエコなストーリーテリング、穏やかなブランドの物語にぴったりです。コツ：一番濃いグリーンはシルエットや手前のディテール専用にして、視線を誘導しましょう。

media.ioで生成されたコーンフィールドドーンのイメージ例

14) マーケットフレッシュ

HEX： #F2C94C #FFF7D6 #9BC53D #5E7D2E #3B3A2F

雰囲気： フレッシュ、エネルギッシュ、健康的

おすすめ用途： グローサリーラベルおよび産地直送パッケージ

フレッシュで勢いのあるこの配色は、農産物の木箱や手書きの値札、シャキッとしたグリーンを思わせます。トウモロコシ色を使いつつ新鮮さも演出するなら、イエローをロゴの主役に、グリーンは補助マーク用に活用します。クリーム色の背景は栄養表示の読みやすさを向上させ、ダークな中間色がバーコードや注意書きを引き締めます。コツ：グリーンは明るいものを少なめに使い、自然でスポーティーになりすぎないように。

media.ioで生成されたマーケットフレッシュのイメージ例

15) ペールポリネーション

HEX： #FFE8A3 #FFF8E6 #F3D1C1 #C9B7A3 #6E5F55

雰囲気： ロマンティック、エアリー、繊細

おすすめ用途： ウェディングステーショナリーとソフトなブランドキット

ロマンティックで空気感のあるカラーは、花びらやパーチメント、柔らかな朝の光を連想させます。ほぼ白に近い色をメインにして、差し色としてブラッシュを使いイニシャルや小さな装飾に。温かみのあるグレーブラウンはタイポグラフィの可読性を保ちつつ、きつすぎない印象を与えます。コツ：未加工紙やざらついた背景を選ぶと、繊細さがより引き立ちます。

media.ioで生成されたペールポリネーションのイメージ例

16) トーステッドスパイス

HEX： #F0B429 #FCE8B2 #D9822B #A65B1E #3F2A1D

雰囲気： 大胆、食欲をそそる、居心地よい

おすすめ用途： カフェメニューやフードプロモーション

大胆で食欲をそそるカラーは、キャラメリゼした縁やスパイスシロップのような雰囲気です。メニューセクションには淡いイエロー、カテゴリ見出しや価格強調にはオレンジやブラウンを使いましょう。カフェ、ベーカリー、季節限定のプロモーショに最適です。工夫：写真表現は最小限に、カラーブロックで主張しましょう。

media.ioで生成されたトーステッドスパイスのイメージ例

17) コースタルコーン

HEX： #F4C95D #FFF2CC #B7E4D8 #6CA6A0 #2E4A46

雰囲気： 軽やか、風通しの良い、モダン

おすすめ用途： サマー ルックブックやライフスタイルバナー

軽やかで風通しよい印象の暖色イエロー。シーグラスグリーンと組み合わせることで現代的なホリデー感を表現します。クリームをネガティブスペースに使い、ゴールドとティールを交互にセクションやカードに使い分けましょう。夏コレクション、旅行プロモ、遊び心あるライフスタイルデザインに最適です。コツ：ディープティールはテキストやナビゲーションに使い、明るい色の空間感をキープ。

media.ioで生成されたコースタルコーンのイメージ例

18) ナイトコーンサーク

HEX： #F2C14E #2A2F36 #1B1F24 #BFA57A #F7F1E3

雰囲気： ムーディー、モダン、ハイコントラスト

おすすめ用途： ダークモードUIやフィンテックアプリ

ムーディーでモダンなゴールドのアクセントが深いチャコールと対比しストリートライトのように光ります。最も暗い色をメインの面に使い、コーンサーク色は控えめなテキストや区切り線に最適。暖かみのあるメタリックなミッドトーンはボタンやバッジを高級感ある印象に。コツ：鮮やかなゴールドは１画面に主アクション用だけ使い、明確に絞りましょう。

media.ioで生成されたナイトコーンサークのイメージ例

19) ビンテージグレインサック

HEX： #E8C16A #F3E9D2 #C1B49A #8C7B61 #3C342C

雰囲気： ビンテージ、信頼感、控えめ

おすすめ用途： 伝統的なブランディングとロゴシステム

ビンテージで信頼感のある配色は、プリントされた小麦袋やスタンプインク、古びた紙をイメージさせます。クリーミーなベージュを背景に使い、トープやブラウンでマークやタイポグラフィの階層を静かに表現します。伝統的なブランドやクラフトコーヒー、控えめな色が特徴のパッケージにおすすめ。工夫：セリフ体１種とミニマルな装飾で本物らしさを出しましょう。

media.ioで生成されたビンテージグレインサックのイメージ例

20) ネオンポップコーン

HEX： #FFD54A #FFF1A8 #A7E237 #FF6F59 #2B2B2B

雰囲気： 楽しい、パンチが効いた、モダン

おすすめ用途： SNS広告や遊び心のあるプロモグラフィック

楽しくパンチの効いた配色は、明るいネオン看板のような印象にモダンさを加えています。柔らかなイエローをベースにライムやコーラルでステッカーやバースト、主要なプロモ数字を際立たせましょう。エネルギッシュなトウモロコシカラーの組み合わせには、チャコールが全体にシャープさと読みやすさを与えます。コツ：派手なアクセント色は1レイアウトに2つまでに絞り、伝えたい内容が明確になるように。

media.ioで生成されたネオンポップコーンのイメージ例

コーンによく合う色は？

トウモロコシイエローはクリーム、ベージュ、トープのような暖色ニュートラルと自然に合います。これらはパレットを柔らかく“食材向き”にしつつ、プレミアムでミニマルな印象を保ちます。

コントラストを出したい場合は、濃いブラウンやエスプレッソ、チャコールを加えてタイポグラフィやUI要素の軸にしましょう。もっとフレッシュな雰囲気なら、トウモロコシ色とボタニカルグリーンやシーグラスティールを組み合わせてエアリーで季節感のあるルックに。

控えめなテラコッタやクレイ系もトウモロコシとよく合い、温かみを共有することでパッケージ・エディトリアル・ライフスタイルブランディングに一体感のあるアーシーなシステムを作ります。

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

まずアクセントとしてトウモロコシ色を使いましょう。ボタン、バッジ、ハイライト、イラストの重要なディテールなど。こうすることでレイアウトの可読性を維持し、大きな黄色面がコンテンツを圧倒するのを防げます。

UIではクリームやオフホワイトを背景に使い、テキストやナビゲーションは濃いニュートラルカラーです。印刷の場合、用紙やインクの発色もチェックしましょう。トウモロコシ系は未加工や軽くテクスチャーのある紙がベストなことが多いです。

アクセント色（コーラル、ライム、ティールなど）を混ぜるときは1～2色までに収め、明確なダークアンカーカラーを必ず確保し階層を明確にしましょう。

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

すでにHEXコードがあるなら、ヒーローバナー、パッケージラベル、UI画面、ポスター、ムードボードなど、数分で本格的なデザインモックアップにできます。一番早い方法は一貫したプロンプトを使いカラーバリューだけ差し替えることです。

ブランドとして統一感を出すには、「ダッシュボードのモックアップ」や「招待カード」など、レイアウトタイプを指定し、ライティングやテクスチャ（マット、紙目、ソフトシャドウ）も明記、どの色を主役（メイン）やアクセントにするかを設定しましょう。

数パターン生成して、コントラストや余白が最もクリーンなものを選びましょう。特にCTAや主要見出しにトウモロコシイエローを使う場合は重要です。

次へ： ストリートアートカラーパレット