目次
パソアン：カラーパレット
メインカラー（ベースカラー）
- #001063（ディープブルー：強調部分に使用）
- #7ED2F6（スカイブルー：爽やかで親しみやすい印象）
- #B8F9F9（ミントブルー：やわらかく透明感のある色）
- #E3F8FF（ごく淡い水色：背景や優しい印象の部分に）
落ち着いたカラー（補助色・調和用）
- #526D82（スモーキーブルー：大人っぽさと落ち着きをプラス）
- #92A9BD（くすみブルーグレー：柔らかく馴染みやすい）
- #D0E7F7（パステルアイスブルー：背景やボタンのサブカラーに）
アクセントカラー（目を引くポイント用）
- #FF715B（サーモンレッド：優しく目立つ、CTAや重要なポイントに）
- #F4A261（ウォームオレンジ：穏やかで目立ちすぎない強調用）
- #FEC89A（サンドベージュ：温かみを加える）
この配色なら、優しく落ち着いた印象を保ちつつ、アクセントカラーで視認性を上げられます。
メインカラー（基調色）
- #B8F9F9（ミントブルー）
柔らかく爽やか、清潔感のある印象（メイン背景・ボタン・装飾など） - #AABFCC（ブルーグレー）
ほんのり落ち着いた色合いで、バランスを取る（ヘッダーバー・補助背景）
アクセントカラー（強調色）
- #3A4466（ダークネイビー）
文字色・見出し・重要な部分の強調用（ボタンのテキスト・リンク） - #F2D7EE（ペールピンクパープル）
上品でやわらかいアクセント（アイコン・小さな装飾・ラインなど） - #92A9BD（スモーキーブルー）
控えめなアクセントで、落ち着いた印象に（補助的な要素）
背景カラー（全体の統一感）
- #E3F8FF（ペールスカイブルー）
メインの背景色（清潔感と優しさを演出） - #F8F9FA（ソフトホワイト）☁️
サブ背景（余白やコントラストのバランス取りに）
ヘッダーバー（しっかり落ち着いたナビゲーション）
- 背景：
#AABFCC（ブルーグレー） - 文字色：
#FFFFFF（白）
お知らせバー（透明感のあるおしゃれな雰囲気）
- 背景グラデーション：
linear-gradient(135deg, #B8F9F9, #B8F9F9)（淡いミントブルー） - 文字色：
#3A4466（ダークネイビー）
吹き出しカラーセット（枠が目立ちすぎないデザイン）
パターン1：クリアブルー系
- 背景色：#F0FBFF（ごく淡いブルー）
- 枠の色：#D0E7F7（淡いアイスブルー）
パターン2：ペールパープル系
- 背景色：#F7F1FA（ごく淡いパープル）
- 枠の色：#EADAF5（ライラックパープル）
パターン3：アイスミント系
- 背景色：#EBFBFD（ごく淡いミントグリーン）
- 枠の色：#B8F9F9（ミントブルー）
パターン4：ソフトグレー系
- 背景色：#F5F8FA（ごく淡いグレー）
- 枠の色：#E0E4E8（ライトグレー）
パターン5：ホワイトベース系（ほぼ白）
- 背景色：#FCFCFC（ほぼホワイト）
- 枠の色：#F2F2F2（薄いグレー）
コメント