シトリンは金色と緑の間に位置する暖かな黄色で、ネオンにならずに晴れやかな印象を与えます。組み合わせによって、エネルギッシュ、高級感、自然、またはモダンな雰囲気となり、ニュートラルや緑色とのペアリングで表情が変わります。
以下はHEXコード付きの20種類のシトリンカラーパレットの組み合わせと、ブランド、UI、印刷、SNSコンテンツ向けに一貫したビジュアルを生成するためのデザインプロンプトを掲載しています。
この記事の内容
シトリンパレットが優秀な理由
シトリンのトーンは自然に注目を集める色域「太陽の光」に位置するため、瞬時の明快さが求められるコールトゥアクション、バッジ、ハイライト、ブランドの瞬間に最適です。
純粋なレモンイエローとは異なり、シトリンは少し土っぽさや緑がかった色味を持つことが多く、オリーブやセージ、ブラウン、オフホワイトと合わせても温かみを保ちつつ落ち着いたデザインに仕上がります。
印刷物もUIも、シトリンは柔軟に活用できます：小さなアクセントとして高級感を出したり、深いニュートラル（チャコール、ネイビー、エスプレッソ）と組み合わせて可読性を保ちつつ主役色として使ったりできます。
20以上のシトリンカラーパレットアイデア（HEXコード付き）
1）陽光のサフラン
HEX： #E4D00A #FFD166 #FFF3B0 #6B8E23 #2F2F2F
雰囲気： 明るくポジティブ
おすすめ用途： 夏のキャンペーンポスター
新鮮なシトラスと爽やかな葉に降り注ぐ正午の太陽のように明るくポジティブ。エネルギッシュなポスター、イベントグラフィック、大胆なSNSタイルに最適。黄色はオリーブでアクセントをつけて安定感を、クリーム色で大面積を快適に。ポイント：チャコールは文字にのみ使い、軽やかさを維持。
media.ioで生成した陽光のサフランの画像例
Media.ioはブラウザ上で動画、画像、音声の作成と編集ができるオンラインAIスタジオです。
2）蜂蜜リネン
HEX： #E6C229 #F3E9DC #C9A227 #B7B09C #3A3A3A
雰囲気： 柔らかく上品
おすすめ用途： ミニマルなパッケージデザイン
蜂蜜が天然リネンにかかるような柔らかさと上品さ。ミニマルなパッケージやラベル、高級文具で温かみを重視したデザインに最適。落ち着いたゴールドとオートミールのニュートラルで穏やかな土台、深いグレーで文字の可読性を向上。ポイント：明るいゴールドはエンボスや箔押しに使い、色数を増やさず奥行きを加える。
media.ioで生成した蜂蜜リネンの画像例
3）黄金果樹園
HEX： #E4D00A #C7D36F #F6F1D1 #B86B25 #4A5D23
雰囲気： 新鮮で牧歌的
おすすめ用途： フーム・トゥ・テーブルブランドアイデンティティ
遅夏の果物屋台や陽光の畑のような新鮮さと牧歌的な雰囲気。農家ブランド、マルシェ看板、素材重視の食品ラベルにぴったり。明るい黄色は葉の緑との組み合わせ、温かいブラウンでヘッダーやアイコンの収穫感を表現。ポイント：背景はクリーム色で黄色の可読性や派手過ぎない印象を維持。
media.ioで生成した黄金果樹園の画像例
4）シトラスグローブ
HEX： #FFD000 #FFB703 #FBF8CC #8AC926 #3B3B3B
雰囲気： ジューシーで遊び心がある
おすすめ用途： 子ども向け学習アプリUI
オレンジの皮油や朝食の爽やかさを感じる、遊び心あるジューシーなパレット。学習アプリUIやフレンドリーなオンボード画面、ポジティブさが求められるアイコンセットに適合。暖かな黄色2色はボタンやハイライト、グリーンは進捗やバッジに。文字は深いグレー、クリーム色パネルで眩しさを緩和。ポイント：クリームでパネルを作り、テキストを深いグレーに。
media.ioで生成したシトラスグローブの画像例
5）アンティークブラス
HEX： #C9A227 #E4D00A #E7D8A4 #6B705C #2B2B2B
雰囲気： 歴史感と堅牢さ
おすすめ用途： クラフトビールラベル
使い込まれた真鍮や古い作業場の光を思わせる歴史感と堅牢さ。クラフト飲料ラベルや伝統ブランドロゴ、製品バッジの自信とタイムレスな雰囲気に。真鍮ゴールドとスレートグリーンで地味さと安定感を、派手にならず調和。ポイント：紙目やエッチング風線で質感表現。色数を増やさない。
media.ioで生成したアンティークブラスの画像例
6）マリーゴールドクレイ
HEX： #F2C14E #E4D00A #F7F3E3 #C97C5D #6D4C41
雰囲気： 手作りの暖かみ
おすすめ用途： 陶器ショップのプロモフライヤー
日差しに照らされたマリーゴールドと素焼きのテラコッタのように温かく手作り感。アーティストのプロモや陶器ブランディング、少量生産製品のストーリーに適合。クリームとクレイブラウンのベース、明るい黄色は価格や注目ポイントに。ポイント：形状は有機的に、土っぽさと一致させる。
media.ioで生成したマリーゴールドクレイの画像例
7）デザートオーカー
HEX： #D6A400 #E4D00A #EFE6D0 #A68A64 #5A4A3C
雰囲気： ひなたぼっこした落ち着き
おすすめ用途： インテリア塗料とデコボード
砂岩のトレイルや夕暮れの黄金の砂塵のように、ひなたぼっこした穏やかさ。インテリアMoodボードや塗料セレクトシート、オレンジを感じさせない温かいデコスタイリング。オーカーと砂は壁やテキスタイル、暗いブラウンは木材アクセントやフレーム。ポイント：最も明るい黄色は小さな装飾に限定、部屋全体を安らぎあるままに。
media.ioで生成したデザートオーカーの画像例
8）オリーブグリーム
HEX： #E4D00A #DDE5B6 #A3B18A #344E41 #F7F5E9
雰囲気： 植物的かつモダン
おすすめ用途： ウェルネスブランドランディングページ
温かなキッチンの光の下で新鮮なハーブが輝くような植物的かつモダンな印象。ウェルネスランディングページやエコサービス、クリーンなライフスタイルブランドに適合。ディープフォレストグリーンとクリーミーベースで構成、明るい黄色は控えめなコールトゥアクションに。ポイント：アイコン線は細く、グリーンが重くならないように。
media.ioで生成したオリーブグリームの画像例
9）ウォームクォーツ
HEX： #E4D00A #FAD2E1 #F8F1F1 #B5A48A #6D6875
雰囲気： 優しく前向き
おすすめ用途： ビューティー商品広告
ロージークォーツが黄金の陽光を浴びるような優しさと前向きな雰囲気。ビューティー広告やスキンケア新発売、生活グラフィックに、柔らかさと自信あるハイライトを加えたい時に。背景はブラッシュとクリーム、黄色はシールや目立つ部分、小さなモチーフに。ポイント：グレー-モーヴはタイポグラフィに使い、ピンク系と強いコントラストを避ける。
media.ioで生成されたウォームクォーツの画像例
10) ソーラーポップ
HEX： #E4D00A #FF7A00 #FFF1A8 #2A9D8F #1D3557
雰囲気：大胆でエネルギッシュ
おすすめ用途：音楽フェスティバルのポスター
ネオンの太陽フレアが深い夕空に映えるように、大胆でエネルギッシュ。音楽ポスターやグッズグラフィックス、インパクトのあるデジタル広告に最適。明るい黄色と深いネイビーを組み合わせて最大のコントラストを出し、ティールでオレンジのクールなバランスを取ります。ヒント：グラデーションは控えめに、形状は分厚くしてパレットの鮮やかさと見やすさを維持。
media.ioで生成されたソーラーポップの画像例
11) ヴィンテージブックプレート
HEX： #E4D00A #F5E6C8 #C2A878 #7D6B4F #2E2A24
雰囲気：クラシックで学術的
おすすめ用途：エディトリアル雑誌のスプレッド
熟成した紙と金箔の輝きのように、クラシックで学術的。エディトリアルレイアウト、ブックカバー、温かみあるストーリーテリングに適し、信頼感を演出。パーチメントとタンで広い余白を作り、濃いブラウンはセリフ見出しや区切りに使います。ヒント：黄色の小さな装飾ルールを加え、視線を誘導しながらページを圧迫しないように。
media.ioで生成されたヴィンテージブックプレートの画像例
12) アールデコGilt
HEX： #E4D00A #F8F4E3 #B08900 #3D2C2E #0B0B0B
雰囲気：豪華でドラマティック
おすすめ用途：ガライベント招待デザイン
暗い劇場カーテンにきらめく金線のように、豪華でドラマティック。ガラの招待状、プレミアムイベントブランディング、エレガントなメニューなどに最適。クリーム色の背景と黒のタイポグラフィを組み合わせ、二つのゴールドカラーを幾何学的な枠やコーナーディテールに加えます。ヒント：ゴールド要素は細く対称に保ち、デコ調を際立たせる。
media.ioで生成されたアールデコGiltの画像例
13) ボタニカルウォッシュ
HEX： #E4D00A #EAF4D3 #A7C957 #6A994E #386641
雰囲気：フレッシュで絵画的
おすすめ用途：春の植物イラスト
水彩の葉と太陽のきらめきのように、フレッシュで絵画的。春のイラスト、ガーデンワークショップのプロモ、自然志向のブログヘッダーにぴったり。淡いウォッシュにミッドグリーンを合わせて柔らかい奥行きを出し、黄色は花粉の点や小さなハイライトに。ヒント：エッジは柔らかくレイヤーを重ねて、グリーンに命を感じさせる。
media.ioで生成されたボタニカルウォッシュの画像例
14) カフェメレンゲ
HEX： #E4D00A #FFF1D6 #E7CBA9 #B08968 #5B3A29
雰囲気：居心地よく招待的
おすすめ用途：コーヒーショップのメニュー
焼きメレンゲと温かいカフェ木材のように、居心地よく招待的。シトリンカラーはメニュー、ロイヤリティカード、カフェサインにぴったりで、フレンドリーかつ洗練された印象。クリーミーベージュとコーヒーブラウンで階層を作り、明るい黄色は季節限定メニューに控えめに使います。ヒント：レイアウトを広く保つことで、温かいブラウンが重く感じないように。
media.ioで生成されたカフェメレンゲの画像例
15) ラスティックハーベスト
HEX： #E4D00A #DDB967 #A44A3F #7B8D42 #3C2F2F
雰囲気：素朴で季節感がある
おすすめ用途：秋のマーケットバナー
乾燥トウモロコシの皮やリンゴ、畑のグリーンのように、素朴で季節感。秋のバナー、マーケットサイン、手作り感のあるパッケージに最適。控えめなゴールドとオリーブを合わせて落ち着いたベースを作り、ブリックレッドは見出しのアクセントに。ヒント：純白を避けて、温かいタン色の背景で収穫感を維持。
media.ioで生成されたラスティックハーベストの画像例
16) ミニマルゴールドUI
HEX： #E4D00A #FAFAF7 #D6D2C4 #7A7A7A #111111
雰囲気：クリーンでプロフェッショナル
おすすめ用途：金融ダッシュボードUI
自信あるゴールドマーカーを効かせた鮮明なレポートのように、クリーンでプロフェッショナル。ダッシュボードや分析ツール、UIで明快さが必要な場面に。オフホワイトとライトグレーで面を作り、黄色はアクティブ状態や主要メトリクスに。ヒント：黄色は画面ごとに1～2箇所に限定し、落ち着いた階層を維持。
media.ioで生成されたミニマルゴールドUIの画像例
17) フェスティバルランタン
HEX： #E4D00A #FF9F1C #FDEFD4 #D7263D #2D1E2F
雰囲気：祝祭的で鮮やか
おすすめ用途：ナイトマーケットポスター
提灯の光が深い夜空に映えるように祝祭的で鮮やか。夜市ポスターや文化イベントのプロモ、インパクトある告知グラフィックに最適。黄色とオレンジは光の表現、クリムゾンは強調、深いパープルはタイポのコントラスト。ヒント：クリームはサブエリアとして小さく、暗い背景が主役となる配置を心がけて。
media.ioで生成されたフェスティバルランタンの画像例
18) ソフトメドウライト
HEX： #E4D00A #F4F1BB #D4E09B #9BC1BC #5C6B73
雰囲気：落ち着いていて空気感がある
おすすめ用途：ウェルネスニュースレターテンプレート
静かな草地に差す陽光のように落ち着いていて空気感がある。このシトリンパレットはニュースレターやブログテンプレート、柔らかなライフスタイルブランドにもよく合う。淡いバターとセージトーンで優しいセクションを作り、深いブルーグレーは見出しやリンクに。ヒント：行間を広く取り、パステル調を読みやすく維持。
media.ioで生成されたソフトメドウライトの画像例
19) スパイスドバタークリーム
HEX： #E4D00A #FFF1C1 #F2B880 #B5654D #4B2E2A
雰囲気：甘くて心地よい
おすすめ用途：ベーカリーソーシャル広告
バタークリームにシナモンとキャラメルを渦巻いたような甘くて心地よい。ベーカリー広告やデザートメニュー、ホームメイド風のパッケージステッカーにぴったり。淡い黄色とウォームピーチを背景に使い、濃いココアトーンはテキストや商品名に。ヒント：限定オファーには鮮やかな黄色バッジを一つ加えて鮮明なフォーカルポイントを作ります。
media.ioで生成されたスパイスドバタークリームの画像例
20) イブニングアンバー
HEX： #E4D00A #FFB000 #F8E9C6 #8D6A4E #2B1D0E
雰囲気：輝いて親密感がある
おすすめ用途：ブティックホテルホームページヒーロー
夕陽後の磨かれた木に集まるアンバーライトのように輝いて親密感がある。ブティックホテルのホームページやホスピタリティブランド、温かみのあるエディトリアルヘッダーに最適。クリームとアンバーを主面に使い、深いブラウンをナビやテキストに使うことで鮮明なコントラストを保ちます。ヒント：最も明るい黄色は主要ボタンにだけ使い、ヒーローをエレガントに仕上げる。
media.ioで生成されたイブニングアンバーの画像例
シトリンと相性の良い色は？
オリーブ、セージ、フォレストなどのアース系グリーンはシトリンと最も自然に調和する色で、その控えめなグリーンのニュアンスを強調します。この組み合わせはエコ、ウェルネス、食品、アウトドアブランドに特に強いです。
クリームやパーチメント、トープ、タンのようなウォームなニュートラルを使えば、シトリンは広い面でも読みやすく、チャコールやエスプレッソ、深いネイビーのようなダークカラーは見出しやUIテキストのコントラストに最適です。
もっとインパクトを出したい場合は、シトリンとオレンジ・クリムゾン・ティールのような鮮やかなアクセントと組み合わせますが、アクセントはコントロールして黄色が主役になるよう注意します。
シトリンカラーパレットを実際のデザインで使う方法
シトリンは最初はアクセントとして使いましょう：ボタン、ハイライト、アイコン、セールタグ、小さなルールなど。画面やページごとにいくつかの要素だけに限定すると、意図的かつ高級感が出て、過剰な印象になりません。
可読性を守るためには、シトリンは純白や強い白光の上ではなく、オフホワイトや深いニュートラル系の上に置きましょう。タイポグラフィでは、パレットがソフトで自然な場合はチャコール、深いブラウン、ネイビーがおすすめです。純粋な黒は避けて。
シトリンを背景メインにしたい時は、クリームのオーバーレイや広めのスペース、控えめなサブカラーで柔らかくすると、暖かみは保ちながら厳しい「蛍光ペンイエロー」感を防げます。
AIでシトリンパレットのビジュアルを作成する
すでにHEXコードがある場合、シトリンカラーのプレビューはモックビジュアル（ポスター、UI、ラベル、招待状）を一貫したプロンプトとアスペクト比で生成するのが最速です。制作前にコントラストや階層、雰囲気を確認できます。
Media.ioのテキストから画像ツールなら、素早くイテレーションできます：「フラットベクター」や「リアルなスタジオショット」、背景をクリームからチャコールに変更、パレット感を複数のアセットで揃えることも簡単です。
方向性が気に入ったら、用途別（SNS、ウェブヒーロー、印刷）のバリエーションを数パターン生成し、シトリンブランドシステムを一貫させましょう。
シトリンカラーパレットよくある質問
-
シトリンカラーパレットとは？
シトリンカラーパレットは、シトリン（暖かみのあるゴールデンイエロー、少しグリーンのニュアンス）の周りに組み合わされた色セットです。クリーム、オリーブ、ブラウン、グレー、深いダークカラーと組み合わせてコントラストを作ることが多いです。 -
シトリンは黄色と緑のどちらに近い？
シトリンは主に黄色ですが、少し黄緑寄りです。その控えめなニュアンスがオリーブやセージと特に相性が良い理由です。 -
シトリン背景で最適なテキストカラーは？
深いチャコールやエスプレッソブラウン、ネイビーが最も読みやすいです。純白は鮮やかな黄色ではコントラスト不足になり、純黒は自然なパレットでは厳しく感じられる場合があります。 -
シトリンがネオンっぽく見えない方法は？
ウォームクリームや控えめなニュートラルとバランスをとり、全面背景ではなくアクセントとして使います。純白との組み合わせは避け、オフホワイトを選択してください。 -
シトリンのおすすめアクセントカラーは？
アース系デザインならオリーブ・フォレストグリーン、クールなバランスならティール、高エネルギーのポスターやプロモにはオレンジやクリムゾン。アクセントは控えめにし、シトリンが主役であることを保ちます。 -
シトリンはプロのUIデザインに使えますか？
はい—シトリンは、基礎UIがオフホワイトやグレーの場合、アクティブ状態や主要な指標、CTAボタンに非常に適しています。クリーンな階層構造を維持するため、黄色は1ビューにつき1〜2つのコンポーネントに限定しましょう。 -
シトリンのパレットモックアップを素早く生成するにはどうすればよいですか？
AI画像生成ツールで一貫したプロンプトスタイル（例：「フラットベクターUIモックアップ」や「リアルなスタジオショット」）を使用し、背景のニュートラルとアクセントのシトリンの量を調整しながら繰り返し作成します。
次へ： アンバーカラーパレット
