カートゥーンカラーパレット20選とHEXコード一覧

カートゥーンのカラーパレットは瞬時に分かりやすく作られています：鮮やかな塗り、読みやすいアウトライン、そして親しみやすいアクセントがキャラクター、UI、ブランディング全体でフレンドリーに感じられます。

以下にHEXコード付きの20種類のカートゥーンカラースキームアイデアと、高コントラストの色を使ってデザインを圧倒せず組み合わせる実用的なヒントを紹介します。

カートゥーンパレットが効果的な理由

カートゥーンパレットは速く読めるように設計されています。高彩度の色、明確な明るさ・暗さの分離、強いアウトラインの色調が、小さいサイズでもキャラクターやアイコンを認識しやすくします。

また、一貫した感情のシグナルを作り出します：暖かい明るい色は親しみやすく元気な印象を与え、涼しいアクセントと深いインクはUIやタイポグラフィに構造を加えます。

カートゥーンはしばしばフラットな形状に依存しているため、色が「奥行き」の役割を担います。スマートなアクセントや適度なコントラストは、重い影を使わずとも階層や動き、個性を示すことができます。

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

1) バブルガムパレード

HEX： #FF5DA2 #FFB000 #7CFFCB #4D7CFF #FFF3F8

ムード： 遊び心、光沢、陽気

おすすめ用途： キッズ向けブランドのマスコットロゴやステッカーパック

キャンディの包装やバルーンアニマルのように遊び心があり光沢感もあるこの色合いは、すぐに明るい印象を与えます。ピンクとマンゴーをメインの組み合わせにし、ミントをアクセントとして追加。ペリウィンクルブルーはアウトラインやボタン、ヘッダーに構造を与えます。ヒント：背景には控えめなオフホワイトを使い、鮮やかさが強すぎず、明るい雰囲気を維持できます。

media.ioで生成したバブルガムパレードの画像例

Media.io

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

無料で今すぐ試す

2) サニーストーリーブック

HEX： #FFD23F #FF6F61 #2EC4B6 #1B4965 #F7FFF7

ムード： 明るく、親しみやすく、ストーリー性

おすすめ用途： 子ども向けストーリーブック表紙イラスト

朝の教室の壁画のように明るく親しみやすく、騒がしくならず温かく感じられます。クリーンなカートゥーン配色には、サンシャインイエローとコーラルで基調を作り、ティールで小物やディテールを担当。深いネイビーはタイトルやアウトラインに最適で、明るい部分でキャラクターを目立たせます。ヒント：ネイビーは大きな塗りには控えめにし、タイポグラフィや線描きで活用しましょう。

media.ioで生成したサニーストーリーブックの画像例

3) グレープソーダポップ

HEX： #7B2CBF #C77DFF #FFB3C6 #FFE66D #2D1E2F

ムード： ポップ、スイート、高エネルギー

おすすめ用途： クリエイター向けSNSカルーセルグラフィック

ソーダショップの看板のようにポップで甘い雰囲気、この組み合わせはネオンの楽しさとムーディーさのバランスです。バイオレットとラベンダーを大きな形に使い、バターホワイトでバッジや価格の色として目立たせます。ピンクは親しみやすさを保ち、スキントーンや小物をフレンドリーに。ヒント：カルーセルの小さい画面で文字が読みやすいよう、明るい文字の背後に濃いプラム色を配置しましょう。

media.ioで生成したグレープソーダポップの画像例

4) オーシャンスプラッシュトゥーンズ

HEX： #00B4D8 #90E0EF #FFAFCC #FEE440 #023047

ムード： フレッシュ、スプラッシュ、夏の楽しさ

おすすめ用途： モバイルゲームUIモックアップ

プールタイルやアイスのような爽やかさで、夏のエネルギーを即座に感じさせます。明るいシアンは主要ボタンに、淡いアクアはパネルやカードに。ピンクは報酬やパワーアップの指標に、レモンイエローはコインやハイライトに最適。ヒント：深いネイビーはテキストやアイコンの輪郭用に、UIをクリアに保てます。

media.ioで生成したオーシャンスプラッシュトゥーンズの画像例

5) シトラスパンチライン

HEX： #FF9F1C #FF4040 #2EC4B6 #CBF3F0 #011627

ムード： ザスティー（柑橘独特）、鮮烈、パンチ

おすすめ用途： スナックのパッケージコンセプトと商品広告

シトラスソーダのようにザスティーでパンチ感があり、コントラストが鋭いながらも強すぎません。オレンジを主役にしてレッドがフレーバーの合図、ティールが補助ラベルを支えます。アイスアクアはネガティブスペースに生き生き感を与え、特に栄養成分などの背景に使うのがおすすめ。ヒント：ほぼブラックの色は小さい文字やバーコード部分に使い、鮮やかな色をきれいで読みやすく保てます。

media.ioで生成したシトラスパンチラインの画像例

6) レトロサタデー

HEX： #FF595E #FFCA3A #8AC926 #1982C4 #6A4C93

ムード： レトロ、パンチー、週末の楽しさ

おすすめ用途： 家族向けイベントポスター

アーケードチケットや土曜アニメのようなレトロでパンチ感のある色合いは、即座にエネルギーを感じさせます。見出しや主要な形には赤と黄色、補助的なブロックやアイコンには緑と青。紫は影や枠線として奥行きを加えます。ヒント：最初はシンプルな2色で構造を作り、他の色は小さなアクセントで加えてください。

media.ioで生成したレトロサタデーの画像例

7) コットンキャンディクラウド

HEX： #FFB5E8 #B28DFF #AFF8DB #FFC6FF #FDF7FF

ムード： ソフト、夢のよう、バブリー

おすすめ用途： キャラクターシートとエモートセット

コットンキャンディの空のようにソフトで夢のようなパステル色は軽やかですがしっかり個性も表現します。ラベンダーは髪や服、UIチップに使い、ミントが二次的なハイライトを担当。ピンクは頬、ハート、小さいバッジに最適、全面背景には向きません。ヒント：薄いダークラインやドロップシャドウを加え、形がオフホワイトの空気感でぼやけないようにしてください。

media.ioで生成したコットンキャンディクラウドの画像例

8) ヒーローケーププライマリー

HEX： #E63946 #F1FAEE #457B9D #F4D35E #1D3557

ムード： ヒーロー風、クラシック、自信

おすすめ用途： スーパーヒーローアプリのオンボーディングUI画面

コミックの表紙のようにヒーロー風でクラシックなこの配色は自信を感じさせクリーンです。赤がアクションの中心、ネイビーがヘッダーやアイコンを担当。ペールミントの白で余白を作り、ゴールドは報酬やスター、進捗マーカーに。ヒント：青はカードの中間色に使い、赤を特別な印象に維持しましょう。

media.ioで生成したヒーローケーププライマリーの画像例

9) フォレストフレンズ

HEX： #2A9D8F #E9C46A #F4A261 #264653 #FDF6E3

ムード： コージー、アウトドア、ヘルシー

おすすめ用途： キッズ向け教育インフォグラフィック

自然小径の看板のようにコージーでアウトドア感のあるこのセットは、ヘルシーで地に足がついた印象です。ティールはチャートやヘッダーのベース、暖かいサンドとアプリコットがコールアウト部分をフレンドリーに。深いグリーンブルーはアイコンやアウトラインに最適で、シャープさを維持します。ヒント：クリーム色をメインキャンバスに使い、暖かい色が太陽光のように読みやすく、雑然とせずに映えるようにしましょう。

media.ioで生成された森林の仲間たちの画像例

10）スペースジェリー・ネオン

HEX： #00F5D4 #9B5DE5 #F15BB5 #FEE440 #1C1C3A

ムード：エレクトリック、未来的、遊び心

おすすめ用途：音楽フェスティバルのフライヤーグラフィック

宇宙のネオンクラゲのようにエレクトリックで未来的、暗い背景に強く映えます。フィールドカラーはミッドナイトインディゴにし、アクアとマゼンタをメインの形やグラデーションなしの光の効果に使いましょう。黄色は日付、チケット、ステッカーなど小さな注目ポイントに最適です。コツ：本文テキストは明るいニュートラルかアクアにすると、深いベースでも見やすくなります。

media.ioで生成されたスペースジェリー・ネオンの画像例

11）パンプキンパッチ・ギグル

HEX： #F77F00 #FCBF49 #EAE2B7 #D62828 #003049

ムード：暖かい、華やか、秋の楽しい雰囲気

おすすめ用途：家族レストランの子供向けメニュー

パンプキンランタンやカーニバルスナックのように暖かく華やか、季節感があっても泥臭くなりません。セクションヘッダーにはオレンジ、ハイライトには黄色、メニュー背景にはやさしいタンカラーを。赤はスパイシーな注目やシェフのおすすめにぴったり、深いネイビーはタイポグラフィをシャープにします。コツ：イラストアイコンとネイビーのアウトラインを組み合わせて、暖色の塗りがきれいで見やすくなります。

media.ioで生成されたパンプキンパッチ・ギグルの画像例

12）コージーコミック・パステル

HEX： #A8DADC #FFE8D6 #FFCAD4 #B8C0FF #4A4E69

ムード：居心地良い、落ち着いた、親しみやすい

おすすめ用途：ウェルネス向けランディングページUIモックアップ

柔らかいコミックパネルのように居心地良く落ち着いた雰囲気で、現代的で親しみやすく感じます。やさしいカートゥーンの配色は、テキストやナビゲーションをダスティネイビーが担当し、カードやハイライトにはピンクやピーチを重ねましょう。ティールやペリウィンクルはUIの二次状態（トグル、タグ、進捗チップ）に最適です。コツ：大きな領域は彩度を低くし、最も暗いトーンは階層分けのみに使いましょう。

media.ioで生成されたコージーコミック・パステルの画像例

13）チョークボード・マスコット

HEX： #0B1320 #1C2541 #5BC0BE #FDE74C #FA7921

ムード：大胆、学術的、ハイコントラスト

おすすめ用途：eスポーツチームのロゴとバナー

教室の黒板のチョークのように大胆でハイコントラスト、シャープで競争的な印象です。ほぼ黒とネイビーをベースに、ティールでエネルギーと動きを加えましょう。黄色とオレンジは端やバッジ、注目点に小さく使うのが最適。コツ：明るいアクセントは構成の20%以下に抑えると、バナーが高級感を保てます。

media.ioで生成されたチョークボード・マスコットの画像例

14）デザート・ドゥードゥル

HEX： #E07A5F #F2CC8F #81B29A #3D405B #F4F1DE

ムード：日差しを浴びた、落ち着いた、アート感

おすすめ用途：旅行用ポストカードイラスト

黄金色の時間の砂漠の崖のように日差しを浴びて落ち着いたアーティな雰囲気。コーラルと砂はメインの風景色、セージはサボテンや葉、サインなどに。深いインディゴは手書きのアウトラインやタイポグラフィに最適。コツ：クリーミーなオフホワイトを紙のテクスチャとして使うと、配色が暖かくイラスト感を保てます。

media.ioで生成されたデザート・ドゥードゥルの画像例

15）アイスクリームスタンド

HEX： #FF8FAB #FFCFD2 #BDE0FE #A2D2FF #FEEAFA

ムード：スイート、エアリー、キュート

おすすめ用途：カップケーキ用のベーカリー製品広告

ホイップクリームのように甘くて軽やかな雰囲気で、可愛らしく清潔感があります。明るいピンクを商品ラベルの主役色にし、やわらかなピンクは背景や影に重ねます。2つのブルーはラッピングやリボン、小さなブランド要素でコントラストを与えます。コツ：シンプルな明るい背景に撮影して、パステル本来の色が環境で変色しないように。

media.ioで生成されたアイスクリームスタンドの画像例

16）サファリステッカーセット

HEX： #606C38 #283618 #DDA15E #FEFAE0 #BC6C25

ムード：アーシー、冒険的、フレンドリー

おすすめ用途：野生動物ステッカーイラストセット

絵本サファリのようにアーシーで冒険感、トーンは親しみやすく自然な雰囲気です。クリームをステッカー用紙のベースにし、動物はオリーブやタンで認識しやすい形に。深いグリーンと暖かいブラウンはアウトラインや斑点、小さな目や足など細部に最適。コツ：影はシンプルにフラットにして、小さいサイズでもステッカーが見やすいように。

media.ioで生成されたサファリステッカーセットの画像例

17）キャンディアーケードナイト

HEX： #FF2E63 #08D9D6 #F7F7F7 #252A34 #FFD369

ムード：エネルギッシュ、アーケード風、夜の光

おすすめ用途：アーケードゲームスプラッシュスクリーンUIモックアップ

アーケードの看板のようにエネルギッシュで夜の光、速くて現代的な印象です。このカートゥーン配色は、背景をチャコールにしてネオンピンクやアクアがUIボタンを強調します。暖かいゴールドはコイン、星、スコアブーストに使い、ネオンのサブに。コツ：ラベルには明るいニュートラルを多めに加えて、暗い画面でも可読性を保ちましょう。

media.ioで生成されたキャンディアーケードナイトの画像例

18）モノクロトゥーンインク

HEX： #111827 #374151 #9CA3AF #F3F4F6 #F97316

ムード：クリーン、グラフィック、現代的

おすすめ用途：編集ブログヘッダーレイアウト

インクで描かれた新聞印刷のパネルのようにクリーンでグラフィック、現代的でシャープなセットです。グレースケールで構造やスペース、タイポグラフィの階層を分け、イラストを邪魔しません。オレンジはリンクやハイライト、キアイコンのワンポイントアクセントが最適。コツ：オレンジはセクションごとに一箇所だけにしてレイアウトがプロモーション的にならないように。

media.ioで生成されたモノクロトゥーンインクの画像例

19）レイニーデイ・レインボー

HEX： #5E60CE #48BFE3 #64DFDF #FFB5A7 #FFE5D9

ムード：希望、癒し、遊び心

おすすめ用途：教室壁ポスターのデザイン

雨上がりの虹のように希望があり癒されるカラー、落ち着いているが遊び心も感じられます。このカートゥーン配色は、インディゴとアクアでメインブロック、ピーチでメッセージを柔らかく表現。背景に明るいピンクを使い、大きな見出しの可読性を担保。コツ：アクアのシンプルなアイコン形を加えて、複数の教室プリントでも統一感を出しましょう。

media.ioで生成されたレイニーデイ・レインボーの画像例

20）カーニバル・コンフェッティ

HEX： #FF4D6D #FFA94D #F9C74F #43AA8B #277DA1

ムード：華やか、大胆、ハイテンション

おすすめ用途：アニメシリーズのタイトルカード案

紙吹雪の爆発のように華やかで大胆、最高に賑やかな印象。ピンクはタイトルワードマークに、オレンジと黄色は動きや祝祭感を表す形に。ティールとブルーがレイアウトを引き締め、暖色が支配しすぎないよう調整。コツ：背景はシンプルに、コンフェッティ形は暖色を2色だけにして明快さを保ちましょう。

media.ioで生成されたカーニバル・コンフェッティの画像例

カートゥーンに合う色は？

カートゥーンパレットは深い「インク」色（ディープネイビーやチャコール等）+2～3の鮮やかヒーロー色がベスト。インクはエッジやタイプをシャープにし、鮮やかな色が個性を表現します。

視覚的なノイズを避けるには、暖色と寒色のバランスを：例 ピンク/オレンジ+ティール/ブルーや、イエロー+インディゴ。明るいニュートラル（クリームやオフホワイト）を追加してキャラクターやUIに余白を作りましょう。

さらに強調したい場合は、「スパーク」アクセント（レモンイエローやネオンアクア等）をバッジやコイン、UIのキーポイントに小さく使い、希少価値が出るようにします。

カートゥーンカラーパレットを実際のデザインでどう使うか

簡単な階層からスタート：背景ニュートラル1色、ブランドカラー1色、インク/アウトライン1色。グレースケールできちんとレイアウトが読めてから、ハイライトやステータス用のアクセントを1～2色追加しましょう。

イラストなら、大きな形は中～明るめで、最も暗いトーンはアウトラインや顔のパーツ、タイポグラフィ専用。UIでは、濃い色をボタンや報酬に、やわらかい色をパネルやカードに使います。

印刷物（ポスターやパッケージ）では、小さいサイズでもコントラストをテスト。明るい色同士の組み合わせは画面では楽しいが、印刷では視認性が落ちることも。重要なテキストやアイコンには最も暗い色を用いましょう。

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

カートゥーン配色を実際のシーン（ステッカー、ポスター、UI画面、パッケージ）でプレビューしたい場合は、AIで簡易モックアップを作成してから本制作に進むのがオススメです。

プロンプトには「フラットベクター」「太いアウトライン」と主色を指定し、構図やアスペクト比（ステッカーシートなら1:1、UIなら16:9等）でコントロールしましょう。

Media.ioなら、これらのパレットアイデアをブランドビジュアルにすばやく変換し、コントラストやアクセント、可読性をスピーディーに改善できます。

次へ： ダークシーグリーンカラーパレット