ベース
var(–wp–preset–color–base, #f3f4f6)
#f3f4f6
コントラスト
var(–wp–preset–color–contrast, #091e42)
#091e42
アクセント1
var(–wp–preset–color–accent-1, #eab85e)
#eab85e
アクセント2
var(–wp–preset–color–accent-2, #d46b9e)
#d46b9e
アクセント3
var(–wp–preset–color–accent-3, #0055a4)
#0055a4
アクセント4
var(–wp–preset–color–accent-4, #00b3a0)
#00b3a0
アクセント5
var(–wp–preset–color–accent-5, #b7ccc3)
#b7ccc3
アクセント6
var(–wp–preset–color–accent-6, #c56b6b)
#c56b6b
ダークUI色
var(–wp–preset–color–custom-ui, #4a5360)
#4a5360
グレー薄緑背景
var(–wp–preset–color–custom-, #e8e8e8)
#e8e8e8
🎨 カラーパレット可視化ツール
下にテキストを貼り付けて「色を表示」ボタンをクリックしてください。
カラーパレットは、「日本語の色名とHexコード付きのテキスト形式でカラーパレット作って」と ChatGPTにお願いすると便利です。
Neo Horizon – 最終版カラーパレット（10/10）
カテゴリ 名称 HEX 用途と意図
基調色 Deep Horizon Blue#0055A4
サブ基調 Neo Teal#00B3A0
中和色 Soft Moss Greige#B7CCC3
ダークUI色 Charcoal Navy#4A5360
アクセント Muted Brick#C56B6B
アクセント補完 Dusty Magenta#D46B9E
アクセント補完 Soft Amber#EAB85E
明るい背景 Cloud Gray#F3F4F6
タイポ・背景 Slate Depth#091E42パレットジェネレーターはこちらも利用できます。