【Tailwind CSS v4】和色 OKLCH テーマセット（free）

【無料版】和色 OKLCH テーマアセット：スターター10色セット

和色の美しさを、あなたの Web 制作に

Web アプリ『和色 OKLCH 図鑑』から、デザインに使いやすい基本の 10 色を厳選したスターターセットです。

次世代の色空間 OKLCH を用いて、Tailwind CSS v4 ですぐに使える形式でパッキングしました。

「和色を使ってみたいけれど、まずは代表的な色から試したい」という方に最適です。

🎨 収録されている 10 色

Web 制作の現場で「背景・アクセント・文字色」としてバランスよく活用できる 10 色をセレクトしました。

紅・桃:

茜色、桜色

黄・茶:

山吹色、茶色

緑・青:

抹茶色、藍色、空色

紫・鼠:

紫、墨色、白練

すべての色は 「明度（明るさ）」順 に整理されているため、パレットとして非常に扱いやすくなっています。

📦 内容物

theme.css:

Tailwind CSS v4 の @theme 設定にそのままコピー＆ペーストして使用できます。

figma_variables.json:

Figma の Variables としてインポートし、デザインにすぐ活用できます。

wairo_palette.ase:

Adobe Illustrator / Photoshop 、affinity用のスウォッチファイルです。

README.txt: 導入ガイド（日本語・英語併記）。

🚀 もっとたくさんの色を使いたい方は

製品版（Vol.1）では、無料版 + 30 色のフルセット をご用意しています。

さらに、Figma Variables 用の JSON や Adobe 用スウォッチファイル（ASE） も同梱されています。

👉 Vol.1 製品版はこちら

🍵 作者より

まずはこの 10 色で、和色が織りなす静かな彩りを感じていただければ幸いです。

もし気に入っていただけましたら、アプリへの訪問や、製品版への Boost（応援）をいただけますと、開発の励みになります。